* {font-family: PMingLiU, Microsoft JhengHei, Arial Unicode MS;}
html, body
{
    font-size: 16px;
    margin: 0;
    padding: 0;
}
a{color:#1717D2;}
ul{padding-left: 0;margin-bottom: 0;list-style: none;}
ol{padding-left: 30;margin-bottom: 0;}
ul.pa-ul > li {padding:4px 10px;}
ol.pa-ol > li {padding:4px 4px;}
hr {height: 2px;border-color: #1453A0;}
/*=====================================================*/
/*====================  最頂端的bar  ==================*/
/*=====================================================*/
nav.navbar{font-size: 16px;}
.navbar-brand{padding: 0px;}

/*=====================================================*/
/*======================  Footer  =====================*/
/*=====================================================*/
footer {
  padding: 20px;
  font-size: 15px;
  text-align: center;
  font-weight: 900;
  background-color: #006ea5;
  color: #fff;
}

footer a
{
    color: #F1EDCF;
}

footer a:hover,footer a:focus
{
    color: #FFFFFF;
    text-decoration:underline;
}

/*=====================================================*/
/*=======================  選單  ======================*/
/*=====================================================*/
.p-menu{}
.p-menu  ul.nav>li>a{padding:5px 10px;}
.bs-docs-sidenav > li {margin-bottom:16px;}
.bs-docs-sidenav > li > .pm-title{font-size:15px}
.p-menu h4{color: #E05DAC;}
/*=====================================================*/
/*====================  右邊的選單  ==================*/
/*=====================================================*/
.bs-docs-sidenav ul.nav > .active > a,.bs-docs-sidenav ul.nav > .active > a:hover,.bs-docs-sidenav ul.nav > .active > a:focus ,
.p-menu-about ul.nav > .active > a,.p-menu-about ul.nav > .active > a:hover,.p-menu-about ul.nav > .active > a:focus 
{
	color: #ffffff;
    background-color: #BD167A;
}

.p-right-menu{}
.p-right-bottom-menu{padding-top:15px;}
.p-right-bottom-menu .bs-docs-sidenav > li {float:left;width:240px;padding: 10px 10px 0 10px;height:100%;font-size:16px;}
.p-right-bottom-menu {color:#ffffff;background-color:#006EA5;}
.p-right-bottom-menu a{color:#ffffff;}
.p-right-bottom-menu .bs-docs-sidenav > li > .pm-title,.p-right-bottom-menu h4{color:#E6B6B6;}
.p-right-bottom-menu .nav>li>a:focus,.p-right-bottom-menu .nav>li>a:hover {text-decoration: underline;background-color: #006EA5;}
/*=====================================================*/
/*=================  首頁 package list  ===============*/
/*=====================================================*/
.index-top-box{margin-bottom:16px; }

.index-package-box > .panel-heading {color:#000000;}
.index-package-box .btn {margin-bottom:5px;}
.index-package-box .pa-box{margin-bottom:10px;}
.index-package-box .pa-img {float:left;margin-bottom:20px;}
.index-package-box .pa-box1 {margin-left:90px;line-height:1.3em;}
.index-package-box .pa-title {font-size:15px;font-weight:bold;margin-bottom:6px;}
.index-package-box .pa-body {font-size:13px;}
.index-package-box .pa-download {text-align:right;}
.index-package-box .pa-download > a {font-size:13px;}
.index-package-block {margin-bottom:16px;border-bottom:1px solid #90C7E2;padding-bottom:6px;}
.index-package-block:last-child {border-bottom: none;}

/*=====================================================*/
/*====================  輪播投影片  ===================*/
/*=====================================================*/
.p-ppt img{margin:auto;}
.carousel-indicators li {
    border: 1px solid #222;
    border-radius: 10px;
}
.carousel-indicators .active {
    background-color: #888;
}
.play-block{
	margin-top:8px;
	margin-bottom:8px;
	text-align: center;
	.center-block();
}

.play-block > button {color:#3C3C3C;}

/*=====================================================*/
/*====================  網頁主內容  ===================*/
/*=====================================================*/
#content{min-width: 320px;}

.pa-content-top h1{font-size:20px;font-weight:bold;padding: 6px 0;}
.pa-download-link{font-size:15px;}
.pa-download-link > span{font-size:1.4em;margin-right:6px;}
.pa-download-link-s{font-size:13px;padding:1px 4px;margin-left:4px;}
.pa-download-link-s > span{font-size:1em;margin-right:6px;}
.pa-content-version li{padding:6px;}
.pa-content-version li:nth-child(odd){background-color:#FFFFDC;}
.pa-content-version li>img{margin-left:15px;margin-right:15px;}

.pa-content-download li {margin:6px 10px;}
.pa-content-download li span {}
.pa-content-download ul > li > ul {padding:0 5px 12px 12px;;}
.pa-content-download li > h4 {font-size:16px;margin-top:6px;margin-bottom:6px;}

.pa-recommend{padding:0 8px;color:red;}
/*.pa-recommend::before{content:"\63a8\85a6 ";}*/
.pa-emphasize{color:#B10707;}

ul.pa-list > li {font-family: 'Glyphicons Halflings';}
ul.pa-list > li:before {margin-right:10px;color:red;}
ul.pa-list-star > li:before {content: "\e006";}

p.ptitle{font-weight:bold;margin-top:10px;}
p.ptext{margin: 10px 2px;}
p.ptitlegreen{font-weight:bold;margin-top:10px;color:#006600;}

li.icon-for{background-image: url('../images/for.gif');background-repeat: no-repeat;background-position: 10px center; padding-left:60px;min-height:50px;}
li.icon-pc{background-image: url('../images/pc.gif');background-repeat: no-repeat;background-position: 10px center; padding-left:60px;min-height:50px;}
li.icon-network{background-image: url('../images/pc-network.gif');background-repeat: no-repeat;background-position: 10px center; padding-left:60px;min-height:50px;}
li.icon-web{background-image: url('../images/web.gif');background-repeat: no-repeat;background-position: 10px center; padding-left:60px;min-height:50px;}

span.pstrong{color:red;text-decoration:underline;margin-left:4px;margin-right:4px;}

#spackage {line-height: 1.6em;} /*== 舊的css ==*/
#spackage td,#spackage th {padding: 5px;} /*== 舊的css ==*/
/*=====================================================*/
/*====================  網頁最底端  ===================*/
/*=====================================================*/
#pota-contact-info{margin:20px 0 30px 0;}
#pota-contact-info ul > li {padding:6px 12px;}
#pota-contact-info .glyphicon{font-size:18px;}

/*=====================================================*/
/*========================  顏色  =====================*/
/*=====================================================*/
.font-ppt{color: #403F3F;font-weight: bold;}


/*=====================================================*/
/*====================  裝置瑩幕設定  =================*/
/*=====================================================*/

/* 當螢幕小於767px */
@media screen and (max-width:767px)
{
	.index-top-box > .pboxing {border-bottom:2px solid #BCBBBF;margin-bottom:6px;margin-top:6px;}

}
/* 當螢幕小於600px */
@media screen and (max-width: 600px) {

}

/* 當螢幕大於768px */
@media screen and (min-width:768px) {
.index-top-box0 {border-bottom:1px solid #BCBBBF;min-height:218px;margin-bottom:10px;margin-top:10px;}
}
/* 當螢幕大於992px */
@media screen and (min-width:992px) {

}

/* ================================================ */
/* ================ pota navbar 顏色 ============== */
/* ================================================ */

.navbar-default {
  background-color: #006ea5;
  border-color: #0a4e70;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #e8e8e8;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #e8e8e8;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #006ea5;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #e8e8e8;
  background-color: #0a4e70;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #006ea5;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #e8e8e8;
  background-color: #0a4e70;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #e8e8e8;
  background-color: #0a4e70;
}
.navbar-default .navbar-toggle {
  border-color: #0a4e70;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #0a4e70;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #e8e8e8;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #e8e8e8;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #e8e8e8;
    background-color: #0a4e70;
  }
}