/* Padding */
@charset "UTF-8";
body{
	font-family: "Montserrat", "PingFang TC", 微軟正黑體, "Microsoft Yahei", 微软雅黑, Helvetica, Arial, sans-serif;
}
.nopadding {
	padding: 0 !important;
}

.padding-10 {
	padding: 10px !important;
}

.padding-15 {
	padding: 15px !important;
}

.padding-20 {
	padding: 20px !important;
}

.padding-25 {
	padding: 25px !important;
}

.padding-30 {
	padding: 30px !important;
}

/* Padding Left */
.noleftpadding {
	padding-left: 0 !important;
}

.paddingleft-5 {
	padding-left: 5px;
}

.paddingleft-10 {
	padding-left: 10px;
}

.paddingleft-15 {
	padding-left: 15px;
}

.paddingleft-20 {
	padding-left: 20px;
}

.paddingleft-30 {
	padding-left: 30px;
}

/* Padding Right */
.norightpadding {
	padding-right: 0 !important;
}

.paddingright-5 {
	padding-right: 5px;
}

.paddingright-10 {
	padding-right: 10px;
}

.paddingright-15 {
	padding-right: 15px;
}

.paddingright-20 {
	padding-right: 20px;
}

.paddingright-30 {
	padding-right: 30px;
}

/* Padding Top */
.notoppadding {
	padding-top: 0 !important;
}

.paddingtop-5 {
	padding-top: 5px;
}

.paddingtop-10 {
	padding-top: 10px;
}

.paddingtop-15 {
	padding-top: 15px;
}

.paddingtop-20 {
	padding-top: 20px;
}

.paddingtop-25 {
	padding-top: 25px;
}

.paddingtop-30 {
	padding-top: 30px;
}

.paddingtop-35 {
	padding-top: 35px;
}

.paddingtop-40 {
	padding-top: 40px;
}

.paddingtop-45 {
	padding-top: 45px;
}

.paddingtop-50 {
	padding-top: 50px;
}

.paddingtop-55 {
	padding-top: 55px;
}

.paddingtop-60 {
	padding-top: 60px;
}

.paddingtop-65 {
	padding-top: 65px;
}

.paddingtop-70 {
	padding-top: 70px;
}

.paddingtop-75 {
	padding-top: 75px;
}

.paddingtop-80 {
	padding-top: 80px;
}

.paddingtop-90 {
	padding-top: 90px;
}

.paddingtop-100 {
	padding-top: 100px;
}

.paddingtop-110 {
	padding-top: 110px;
}

.paddingtop-120 {
	padding-top: 120px;
}

.paddingtop-130 {
	padding-top: 130px;
}

.paddingtop-140 {
	padding-top: 140px;
}

.paddingtop-150 {
	padding-top: 150px;
}

.paddingtop-160 {
	padding-top: 160px;
}

.paddingtop-170 {
	padding-top: 170px;
}

.paddingtop-180 {
	padding-top: 180px;
}

.paddingtop-190 {
	padding-top: 190px;
}

.paddingtop-200 {
	padding-top: 200px;
}

.paddingtop-210 {
	padding-top: 210px;
}

.paddingtop-220 {
	padding-top: 220px;
}

.paddingtop-230 {
	padding-top: 230px;
}

.paddingtop-240 {
	padding-top: 240px;
}

.paddingtop-250 {
	padding-top: 250px;
}

.paddingtop-260 {
	padding-top: 260px;
}

.paddingtop-270 {
	padding-top: 270px;
}

.paddingtop-280 {
	padding-top: 280px;
}

.paddingtop-290 {
	padding-top: 290px;
}

.paddingtop-300 {
	padding-top: 300px;
}

.paddingtop-340 {
	padding-top: 340px;
}

.paddingtop-370 {
	padding-top: 370px;
}

.paddingtop-390 {
	padding-top: 390px;
}

/* Padding Bottom */
.nobottompadding {
	padding-bottom: 0 !important;
}

.paddingbottom-5 {
	padding-bottom: 5px;
}

.paddingbottom-10 {
	padding-bottom: 10px;
}

.paddingbottom-15 {
	padding-bottom: 15px;
}

.paddingbottom-20 {
	padding-bottom: 20px;
}

.paddingbottom-25 {
	padding-bottom: 25px;
}

.paddingbottom-30 {
	padding-bottom: 30px;
}

.paddingbottom-35 {
	padding-bottom: 35px;
}

.paddingbottom-40 {
	padding-bottom: 40px;
}

.paddingbottom-45 {
	padding-bottom: 45px;
}

.paddingbottom-50 {
	padding-bottom: 50px;
}

.paddingbottom-55 {
	padding-bottom: 55px;
}

.paddingbottom-60 {
	padding-bottom: 60px;
}

.paddingbottom-65 {
	padding-bottom: 65px;
}

.paddingbottom-70 {
	padding-bottom: 70px;
}

.paddingbottom-75 {
	padding-bottom: 75px;
}

.paddingbottom-80 {
	padding-bottom: 80px;
}

.paddingbottom-90 {
	padding-bottom: 90px;
}

.paddingbottom-100 {
	padding-bottom: 100px;
}

.paddingbottom-110 {
	padding-bottom: 110px;
}

.paddingbottom-120 {
	padding-bottom: 120px;
}

.paddingbottom-130 {
	padding-bottom: 130px;
}

.paddingbottom-140 {
	padding-bottom: 140px;
}

.paddingbottom-150 {
	padding-bottom: 150px;
}

.paddingbottom-160 {
	padding-bottom: 160px;
}

.paddingbottom-170 {
	padding-bottom: 170px;
}

.paddingbottom-180 {
	padding-bottom: 180px;
}

.paddingbottom-190 {
	padding-bottom: 190px;
}

.paddingbottom-200 {
	padding-bottom: 200px;
}

.paddingbottom-210 {
	padding-bottom: 210px;
}

.paddingbottom-220 {
	padding-bottom: 220px;
}

.paddingbottom-230 {
	padding-bottom: 230px;
}

.paddingbottom-240 {
	padding-bottom: 240px;
}

.paddingbottom-250 {
	padding-bottom: 250px;
}

.paddingbottom-260 {
	padding-bottom: 260px;
}

.paddingbottom-270 {
	padding-bottom: 270px;
}

.paddingbottom-280 {
	padding-bottom: 280px;
}

.paddingbottom-290 {
	padding-bottom: 290px;
}

.paddingbottom-300 {
	padding-bottom: 300px;
}

.paddingbottom-370 {
	padding-bottom: 370px;
}

/*------------------------------------------------------------------
[3. Background Color & Color Classes]
*/

/* Text Color */
.text-white  {
	color: #fff !important;
}

.text-grey {
	color: #ededed;
}

.text-dark  {
	color: #333 !important;
}

.text-dark-2  {
	color: #555;
}

.text-red {
	color: #dd4b39;
}

.text-pink {
	color: #e91e63;
}

.text-purple {
	color: #9c27b0;
}

.text-indigo {
	color: #2951d5;
}

.text-blue {
	color: #713E24;
}

.text-cyan {
	color: #00bcd4;
}

.text-teal {
	color: #80CBC4;
}

.text-green {
	color: #8bc34a;
}

.text-lime {
	color: #cddc39;
}

.text-yellow {
	color: #ffeb3b;
}

.text-amber {
	color: #ffc107;
}

.text-orange {
	color: #ff9800;
}

.text-brown {
	color: #795548;
}

/* Highlight */
.highlight {
	color: #713E24;
}

.highlight.white {
	color: #fff;
}

.highlight.grey {
	color: #ededed;
}

.highlight.black {
	color: #333;
}

.highlight.red {
	color: #dd4b39;
}

.highlight.pink {
	color: #e91e63;
}

.highlight.purple {
	color: #9c27b0;
}

.highlight.indigo {
	color: #2951d5;
}

.highlight.blue {
	color: #713E24;
}

.highlight.cyan {
	color: #00bcd4;
}

.highlight.teal {
	color: #80CBC4;
}

.highlight.green {
	color: #8bc34a;
}

.highlight.lime {
	color: #cddc39;
}

.highlight.yellow {
	color: #ffeb3b;
}

.highlight.amber {
	color: #ffc107;
}

.highlight.orange {
	color: #ff9800;
}

.highlight.brown {
	color: #795548;
}

/* Background Color */
.background-white {
	background-color: #fff;
}

.background-grey {
	background-color: #f5f7f9;
}

.background-dark {
	background-color: #333;
}

.background-dark-2 {
	background-color: #2A2B35;
}

.background-dark-3 {
	background-color: #484957;
}

.background-dark-4 {
	background-color: #111;
}

.background-dark-5 {
	background-color: #713E24;
}

.background-dark-6 {
	background-color: #2c3e50;
}

.background-dark-7 {
	background-color: #1b1b25;
}

.background-dark-8 {
	background-color: #2a3b4c;
}
.background-dark-8:hover {
	background-color: #00bcd4;
}


.background-red  {
	background-color: #dd4b39;
}

.background-pink  {
	background-color: #e91e63;
}

.background-purple  {
	background-color: #9c27b0;
}

.background-indigo  {
	background-color: #2951d5;
}

.background-blue {
	background-color: #713E24;
}

.background-cyan  {
	background-color: #00bcd4;
}

.background-teal  {
	background-color: #80CBC4;
}

.background-turquoise  {
	background-color: #27c5c3;
}

.background-green  {
	background-color: #8bc34a;
}

.background-lime  {
	background-color: #cddc39;
}

.background-yellow  {
	background-color: #ffeb3b;
}

.background-amber  {
	background-color: #ffc107;
}

.background-orange  {
	background-color: #ff9800;
}

.background-brown  {
	background-color: #795548;
}


/* Typography */
.sm-text-left {
	text-align: left !important;
}

.sm-text-right {
	text-align: right !important;
}

.sm-text-center {
	text-align: center !important;
}

.sm-text-justify {
	text-align: justify !important;
}
	
.nobottompadding
{
	padding-bottom:0px;
}
.notoppadding
{
	padding-top:0px;
}

.rowpadding
{
	_padding-top:10px;
}

.nopadding
{
	padding:0px;
}

.nomargin
{
	margin:0px;
}

.marginleft-10
{
	margin-left:10px;
}

.paddingheader
{
	padding-top:50px;
	margin-left: -15px;
	margin-right: -15px;
}
.background-red-dark
{
	background:#cc0000;
}
.background-red-light
{
	background:#e60012;
}

.navbar
{
	margin-bottom:0px;
}

.nav-mark
{
	background:url('../images/bg/nav-bg.png') repeat left bottom;
	height:50px;
}

.nav-mark td
{
	padding:0 5px;
	height:50px;
}

.navbar-header
{
	border-bottom: 0px  #e60012 solid;
}
.navbar-header .icon-bar
{
 padding:2px 0;
 background-color:#e60012!important;
 border-radius: 0px; 
}

.navbar-default .navbar-toggle {
  border-color: transparent;
  border-radius: 0px;
}
/*.navbar-default .navbar-toggle:hover,*/
.navbar-default .navbar-toggle:focus
{
  background-color: transparent;
}

.navbar-default .logo{
  float:left;
  padding:10px 0px;
  border:1px solid #e60012;
  height:50px;
}
.navbar-default .band
{
  float:left;
  padding:10px 0px;
  border:0px solid #e60012;
  height:50px;
}

.navbar-default .lang{
  float:left;
  padding:15px 0px;
  border:0px solid #e60012;
}

.navbar-nav li
{
	background:url('../images/bg/menu-lv1-bg.png') no-repeat left bottom;
	background-size:100% 100%;
	_height:50px;
	text-align:center;
	line-height:50;
	font-weight:600;
}

.navbar-nav li:hover,
.navbar-nav .current
{
	background:url('../images/bg/menu-current-bg.png') no-repeat left bottom;
	background-size:100% 100%;
	overflow:hidden;
	padding:0px 0px;
}

.navbar-nav .dropdown-menu 
{
	padding:0px 0px;
}

.navbar-nav .dropdown-menu li
{
	background:url('../images/bg/menu-lv2-bg.png') no-repeat left bottom;
	background-size:100% 100%;
	height:40px;
	line-height:40px;
}

.dropdown-menu > li > a
{
	display:inline;
	padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus
{
	_background:transparent;
	background:url('../images/bg/menu-lv1-bg.png') no-repeat left top;
	background-size:100% 100%;
	font-weight:600;
	_height:50px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus
{
	background:transparent;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse
{
	max-height:480px;
}

.navbar-toggle 
{
	padding:0px;
}
.navbar-nav
{
	margin:0 -15px;
}

/*main content */
.title-fixed-top
{
	position:fixed;
	top:50px;
	right:0px;
	left:0px;
	height:40px;
	z-index: 1000;
	display:block;
	background:#ccc url('../images/bg/title-bg.png') no-repeat left bottom;
	background-size:100% 100%;
	text-align:center;
	line-height:40px;
	font-weight:600;
	font-size:18px;
}

.container
{
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	width:100%;
	_border:1px solid red;
}

.top-banner img
{
	width:100%;
	max-width:100%;
	max-height:60px;
}



/*side show start */
.carousel-caption
{
	
	background:#cc0000;
	height:36px;
	line-height:18px;
	position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	font-size:14px;
}

.carousel-control .icon-prev, 
.carousel-control .icon-next, 
.carousel-control .glyphicon-triangle-left, 
.carousel-control .glyphicon-triangle-right 
{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .glyphicon-triangle-left 
{
    right: 50%;
    margin-right: -10px;
}

.carousel-control .glyphicon-triangle-left 
{
    left: 50%;
    margin-left: -10px;
}
.carousel-control
{
	_bottom:200px;
}

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img 
{
    display: block;
    max-width: 100%;
	_max-height: 300px;
}

/*side show end */
.col-title3
{
	border-left:3px solid #e60012;
	height:16px;
	line-height:16px;
	font-size:16px;
}
.col-title
{
	background:url('../images/bg/arrow.png') no-repeat left bottom;
	background-size:55% 40%;
	height:30px;
	font-size:16px;
	line-height:30px;
	font-weight:600;
}

.col-title2
{
	background:url('../images/bg/title-bg-2.png') no-repeat left bottom;
	background-size:100% 10%;
	height:30px;
	font-size:16px;
	line-height:30px;
	font-weight:600;
}

.col-title4
{
	background:url('../images/bg/title-bg-2.png') no-repeat left bottom;
	background-size:100% 18%;
	height:30px;
	font-size:16px;
	line-height:30px;
	font-weight:600;
}

.content-tail
{
	background:url('../images/bg/dashed.png') no-repeat left bottom;
	background-size:100% 10%;
	height:10px;
	line-height:5px;
}


.person-title
{
	background:url('../images/bg/user-title-bg.png') no-repeat left bottom;
	background-size:100% 45%;
	height:20px;
	font-size:12px;
	line-height:20px;
	font-weight:500;
}

.award-title
{
	background:url('../images/bg/award-title-bg.png') no-repeat left bottom;
	background-size:140% 90%;
	height:30px;
	font-size:11px;
	line-height:30px;
	font-weight:500;
}

.award-title a
{
	color:#fff;
}

.list li
{
	list-style:none;
	padding:0px;
	height:45px;
	background:url('../images/bg/dashed.png') no-repeat left bottom;
	background-size:100% 3%;
}

.list .item-show
{
	display:block;
}

.list .item-hide
{
	display:none;
}

.list-img
{
	
	padding-left: 0;
	margin-top: 10px;
    margin-bottom: 20px;
}
.list-img-item
{
	list-style-type:none;
	position: relative;
    display: block;
    padding: 0px 15px;
    _margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid #ddd;
	text-align: -webkit-match-parent;
	
}
.list-img-item .thumbnail 
{
	border:1px solid #ccc;
}

.list-img-item .thumbnail > img
{
	width:100%;
	height:auto;
}
.person 
{
	text-align:center;
}
.person .person-photo >img
{
	
	width:223px;
	height:auto;
}
.person .person-name
{
	
	background:url('../images/bg/user-title-bg.png') no-repeat center bottom;
	background-size:223px 23px;
	display:block;
	line-height:20px;
	text-align:center;
	border:0px solid red;
	padding:5px;
}

/*頁腳*/
.site-footer
{
	border-top:5px solid #ff9c00;
	background:#fff;
}
.site-footer .row
{
	font-size:8px;
	padding:0 5px;
}

.col-img img
{
	max-width:100%;
	height:auto;
}

.col-thumb img
{
	max-width:90%;
	height:auto;
}

.btn-red {
  color: #e60012;
  background-color: #fff;
  border-color: #e60012;
}
.btn-red:focus,
.btn-red.focus {
  color: #fff;
  background-color: #e60012;
  border-color: #e60012;
}
.btn-red:hover {
  color: #fff;
  background-color: #e60012;
  border-color: #e60012;
}
.btn-red:active,
.btn-red.active
{
  color: #e60012;
  background-color: #fff;
  border-color: #e60012;
}
.btn-red:active:hover,
.btn-red.active:hover
{
  color: #fff;
  background-color: #e60012;
  border-color: #e60012;
}
.btn-red:active,
.btn-red.active
{
  background-image: none;
}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active 
{
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-red .badge 
{
  color: #e60012;
  background-color: #fff;
}

.yutube
{
	margin: 10px 0;
}