@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'cwTeXYen', sans-serif,Arial, "Arial Black";
	font-size: 100%;
	/*
	font: inherit;
	vertical-align: baseline;
	*/
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

@font-face {
	font-family: 'cwTeXYen';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot);
	src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff) format('woff'),
		url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.ttf) format('truetype');
}

/* ======桌機版型區====== */
html{
	height: 100%;
}

body{
	height: 100%;
}

a {
	color:#fff;
	text-decoration:none;
}
/* 未連結 */
a:link{
	color:#fff;
	text-decoration:none;
}
/* 已連結過 */
a:visited{
	color:#fff;
	text-decoration:none;
}
/* 滑鼠移至連結 */
a:hover{
	color:#fff;
	text-decoration:none;
}
/* 選擇的連結 */
a:active{
	color:#fff;
	text-decoration:none;
}

img{
	width:100%;
}

ul li{
	list-style-type:none;
}

.col-lg-1{
	padding: 0px;
}
.col-lg-2{
	padding: 0px;
}
.col-lg-3{
	padding: 0px;
}
.col-lg-4{
	padding: 0px;
}
.col-lg-5{
	padding: 0px;
}
.col-lg-6{
	padding: 0px;
}
.col-lg-7{
	padding: 0px;
}
.col-lg-8{
	padding: 0px;
}
.col-lg-9{
	padding: 0px;
}
.col-lg-10{
	padding: 0px;
}
.col-lg-11{
	padding: 0px;
}
.col-lg-12{
	padding: 0px;
}

.col-lg-20, .col-md-20, .col-sm-20, .col-xs-20{
	float: left;
	width:20%;
}

.frameline{
	text-align:center;
	color:#fff;
	font-size:18px;
	background-color: #0091d5;
	border: 1px solid #82c5ee;
}

.frameline2{
	text-align:center;
	color:#000;
	font-size:18px;
	background-color: #a5d8f6;
	border: 1px solid #82c5ee;
}

.frameline3{
	text-align:center;
	color:#000;
	font-size:18px;
	background-color: #0091d5;
	border: 1px solid #82c5ee;
}

.textshadow{
	text-shadow: 0px 0px 10px #fffcdb, 0px 0px 10px #fffcdb, 0px 0px 10px #fffcdb, 0px 0px 10px #fffcdb, 0px 0px 10px #fffcdb, 0px 0px 10px #fffcdb, 0px 0px 10px #fffcdb;
}

.jumbotron-radius {
	background-color:#fffcdb;
	border-radius: 50px;
}

.thumbnail{
	margin-bottom: 0px;
}

.jumbotron{
	margin-bottom: 0px;
	background-color: #fffcdb;
	border: 1px solid #fffcdb;
}

.alert{
	margin-bottom: 0px;
}

.container .jumbotron, .container-fluid .jumbotron{
	padding: 0px 0px 0px 0px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
	width:100%;
}

.pagination{
	margin: 10px 0;
}

.pagination>li>a, .pagination>li>span{
	color: #fff;
	background-color:#ec273b;
	border-color:#EE3E50;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .pagination>li>a:active, .pagination>li>span:active{
	background-color:#F05B6A;
	border-color:#F26F7B;
}

.navbar-brand{
	color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
}

.navbar-toggle .icon-bar{
	background-color: #fff;
}

.navbar-toggle{
	background-color:#e05c69;
	border-color:#e05c69;
}

.navbar-toggle:focus, .navbar-toggle:hover{
	background-color:#e05c69;
}

.navbar-right{
	margin-right: 0px;
}

.navbar-nav>li>a{
	color: #fff;
	font-size:20px;
}

#bg1{
	background-color:#e05c69;
}

#bg2{
	background-color:#333c43;
}

#bg3{
	background-color:#1c1c1c;
	padding:10px 10px 10px 10px;
}

#bg4{
	background-image: url("../../images/cbg.png");
	background-repeat:repeat-x;
	background-position: 0 100%;
	background-color:#333c43;

}

#bg5{
	background-color:#1c1c1c;
}

#bg6{
	background-color:#e05c69;
}

#bg7{
	position: absolute;
	top:23px;
}

#bg8{
	background-color:#FF0000;
}

#bg9{
	position: absolute;
	top:10px;
}

#bg10{
	/*background-color:#0080FF;*/
}

#bg11{
	background-image: url("../../images/tbg.jpg");
	background-color:#333c43;
}

#bg11_mobile{
	background-image: url("../../images/tbgs.jpg");
	background-color:#333c43;
}

#bg12{
	background-color:#000000;
	color:#ffffff;
	font-size:20px;
	padding:10px 10px 10px 10px;
}

#bg13{
	background-color:#dfdfdf;
}

#bg14{
	background-color:#000000;
	color:#ffffff;
}

#bg14 h1{
	font-size:24px;
	color:#dc5563;
}

#bg15{
	background-color:#b7b7b7;
	margin: 5px;
	width:calc(100% - 10px);
	font-size:20px;
}

#bg15 p{
	letter-spacing: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;;
}

#bg16{
	margin: 5px;
	width:calc(100% - 10px);
	font-size:20px;
}

#bg17{
	margin: 5px;
	width:calc(100% - 10px);
	font-size:20px;
}

#bg18{
	background-color:#ffffff;
	margin: 5px;
	width:calc(100% - 10px);
	font-size:20px;
}

#bg19{
	background-color:#dfdfdf;
}

#bg19 .nav-tabs>li.active>a, #bg19 .nav-tabs>li.active>a:focus, #bg19 .nav-tabs>li.active>a:hover{
	font-size:24px;
	color:#ec273b;
}

#bg20{
	background-color:#ffffff;
	margin: 5px;
	width:calc(100% - 10px);
	font-size:20px;
    padding: 15px;
}
#bg20 a{
    color: blue;
}

#bg21{
	background-color:#dfdfdf;
    color: #666;
    height: 45px;
	font-size:14px;
}
#bg21 .breadcrumb{
    margin: 0px;
    color: #666;
}
#bg21 .breadcrumb a {
    color: #777;
}

#content{
	/*position: relative;*/
}

.frameborder{
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;
}

.frameborder_1{
	margin: 8px 4px 4px 8px;
	width:calc(100% - 12px);
}

.frameborder_2{
	margin: 8px 4px 4px 4px;
	width:calc(100% - 8px);
}

.frameborder_3{
	margin: 8px 8px 4px 4px;
	width:calc(100% - 12px);
}

.frameborder_4{
	margin: 4px 4px 4px 8px;
	width:calc(100% - 12px);
}

.frameborder_5{
	margin: 4px 4px 4px 4px;
	width:calc(100% - 8px);
}

.frameborder_6{
	margin: 4px 8px 4px 4px;
	width:calc(100% - 12px);
}

.frameborder_7{
	margin: 4px 4px 8px 8px;
	width:calc(100% - 12px);
}

.frameborder_8{
	margin: 4px 4px 8px 4px;
	width:calc(100% - 8px);
}

.frameborder_9{
	margin: 4px 8px 8px 4px;
	width:calc(100% - 12px);
}

.frameborder_iframe{
	margin: 4px 4px 4px 4px;
	width:calc(100% - 12px);
}

.frameborder_p{
	padding-left:8px;
}
.ellipsis{
	height: 54px;
	overflow:hidden;
	text-overflow: ellipsis;
}
.color_red{
	color:#ec273b;
}

#back-top {
	position: fixed;
	bottom: 90px;
	right: 30px;
	z-index: 60;
}

#back-top a {
	width: 46px;
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	text-transform: none;
	text-decoration: none;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	color: #626262;
}

#back-top span {
	width: 46px;
	height: 46px;
	display: block;
	margin-bottom: 7px;
	background: url(../../images/up.arrow.png) no-repeat center center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	border-radius: 50%;
	border: 3px solid #ffffff;
	background-color: transparent;
}

/* ======桌機版型區======超過1400需特別處理 */
@media (min-width: 1400px) {
	body{
		/*
		background-color:#0000FF;
		*/
	}
}



/* ======桌機版型區+平板版型區====== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	body{
		/*
		background-color:#8080C0;
		*/
	}
}



/* ======一般手機版型區====== */
@media screen and (max-width: 767px) {
	body{
		/*
		background-color:#FFFF00;
		*/
	}
	.frameborder_1{
		margin: 4px 4px 4px 4px;
		width:calc(100% - 8px);
	}

	.frameborder_2{
		margin: 4px 4px 4px 4px;
		width:calc(100% - 8px);
	}

	.frameborder_3{
		margin: 4px 4px 4px 4px;
		width:calc(100% - 8px);
	}

	.frameborder_4{
		margin: 4px 4px 4px 4px;
		width:calc(100% - 8px);
	}

	.frameborder_5{
		margin: 4px 4px 4px 4px;
		width:calc(100% - 8px);
	}

	.frameborder_6{
		margin: 4px 4px 4px 4px;
		width:calc(100% - 8px);
	}

	.frameborder_7{
		margin: 4px 4px 4px 4px;
		width:calc(100% - 8px);
	}

	.frameborder_8{
		margin: 4px 4px 4px 4px;
		width:calc(100% - 8px);
	}

	.frameborder_9{
		margin: 4px 4px 4px 4px;
		width:calc(100% - 8px);
	}

	.frameborder_p.title{
		max-height: 54px;
	}
}



/* ======手機版型區====== */
@media (max-width: 480px) {
	body{
		/*
		background-color:#FF0000;
		*/
	}
	.frameborder_p.title{
		max-height: 54px;
	}
}



/* ======手機版型區====== */
@media (max-width: 320px) {
	body{
		/*
		background-color:#400080;
		*/
	}
	.frameborder_p.title{
		max-height: 54px;
	}
}



/* ====== Kong ====== */
.menu_1_mobile a.btn {
    text-align: left;
}
.menu_1_mobile.nav .open a.dropdown-toggle:hover {
}
.menu_1_mobile.nav .open {
    /* background-color: #E05C69; */
}
.menu_1_mobile.nav .open a:hover ,
.menu_1_mobile.nav a.dropdown-toggle:hover ,
.menu_1_mobile.nav .open a.dropdown-toggle {
    color: #fff;
    /* color: #000; */
  /* background-color:#000000; */
  /* opacity: 0; */
    background-image: url(../../images/tbgs.jpg);
    background-color: #333c43;
}
.menu_1_mobile .open .dropdown-menu li a {
    color: #fff;
}
img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.iframe-container{
    position:relative;
    padding-bottom:49.5%;
    padding-top:px;
    height:0;
    overflow:hidden;
}

.iframe-container iframe,
.iframe-container object,
.iframe-container embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#bg20 .keyword-box {
}
#bg20 .keyword-box dd,
#bg20 .keyword-box dt {
    color: #ef3b3b;
    width: auto;
    max-width: 150px;
    height: 20px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style: none;
    background: none;
    padding: 0;
    margin-right: 10px;

}
#bg20 .keyword-box dt a{
    color: #ef3b3b;
}
/* #bg20 .article-info img{ */
    /* width:  100% !important; */
/* } */

/* .frameborder_p .ellipsis{ */
    /* height: 28px; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 1; [>超出第5行時截斷<] */
    /* -webkit-box-orient: vertical; */
    /* overflow: hidden; */
/* } */