/*------------------------------
    main-blue #00365c 
    light-blue #7ec2e7
-----------------------------------*/
.fullwidthbanner.revslider-initialised.tp-simpleresponsive {max-height: 500px!important; }
@media (min-width:1400px) { .container { width: 1400px;}}
.ptb-10 { padding-top: 10px; padding-bottom: 10px;}
.ptb-20 { padding-top: 30px; padding-bottom: 20px;}

.ml-5 { margin-left: 5px;}
.mtb-10 { margin-top: 10px; margin-bottom: 10px;}
.mtb-20 { margin-top: 20px; margin-bottom: 20px;}
.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}

.pt-20 {padding-top: 20px;}
.img-full {max-width: 100%;}
.section { padding: 30px 0;}
hr.clear { width: 100%; height: 1px; border:0; margin:0;padding: 0;  clear: both;}
hr.space { border:0; margin:30px 0;}
.sm-show { display: none;}
.sm-hide { display: block;}

    .border-right { border-right: 1px solid #ddd;}
    .name-color { color: #000099; }
	.name-color:hover { color: #3463af; }

    .btn-solid { border:2px solid #FFF; color:#FFF ;background: transparent; transition: all .3s; border-radius: 30px; font-size:14px; line-height: 1.7; }
    .btn-solid:hover {  color:#00365c ;background: rgba(255,255,255,0.8);}
    
    .blue-btn {border-color: #7ec2e7; width:200px; height: 48px; color:#7ec2e7;}
.blue-btn:hover {border-color: #7ec2e7; background:#7ec2e7; color:#fff;}

.dark-btn {border-color: #00365c; width:200px; height: 48px; color:#00365c;}
.dark-btn:hover {border-color: #00365c; background:#00365c; color:#fff;}


.contact-info p{ display: flex; align-items: center; justify-content: flex-start;} 
.contact-info p i { flex:0 0 30px; width: 30px; height: 30px; padding: 7px 0 0 7px; background-color:#00365c ; color:#FFF; font-size: 18px; border-radius: 50%; margin-right: 10px;}

.search-list { list-style: decimal; padding-left: 40px; list-style-position: inside;}
.search-list li {padding: 10px; border-bottom:1px solid #eee;}
.search-list li span { font-weight: bold; color:crimson;}
/*------------------------------header-----------------------------------*/
    #ttop { padding-top: 10px; color:#FFF; font-size: 15px; letter-spacing: 1px;}
    #ttop a { margin-left: 20px;  color:#FFF; font-size: 15px;}
	a.top-logo { display: block; height: 100%; color:#FFF; font-size:25px; line-height: 2.5; font-weight: bold;}
   a.mobile-logo { display: none;}
/*	#logo img { float: left; }*/

    .circle-border { position: relative; width: 100%;}
    .circle-border input { position: absolute; border:2px solid #FFF; color:#666 ; transition: all .3s; border-radius: 30px!important; box-shadow:none;height: 48px; padding-left: 20px; }
    .circle-border button {outline: none !important; text-shadow: none!important; box-shadow: none!important;}
    .circle-border .btn{ position: absolute; top:0; right:15px; width: 48px; height: 48px; border-color: #FFF;  z-index: 10; padding: 0; margin: 0; border:0; -webkit-box-shadow: none;
       box-shadow: none; border-radius: 0; background-color:transparent;}

	.logo { width:50px; }
	.logo-after { 
		height:45px;
		margin-top: 16px;
	    margin-left: 10px; 
	}
/*	.logo-footer { width:200px; }*/
	.button.lang-en { 
	    line-height: 28px!important;
	    height: auto;
	    padding: 0 10px;
	    margin: 0 7px 0 0;
	    border: 1px solid #A83431;
		 }
	@media (max-width:1199px) and (min-width:992px) {
		#logo {text-align: center; margin-top: 20px;}
		.logo { width:60px; }
		.logo-after { 
			height:30px;
			margin-top: 18px;
		    margin-left: 10px; 
		}
		.button.lang-en { padding:0 10px; }
		/*.megamenu > li a.drop-down { padding-right:0; }*/
		.megamenu > li { padding:15px 8px; }
	}
	@media (min-width:992px) {
		div#google_translate_element {float: right;}
		.button.lang-en { 
		    float: right;
		    clear: right;
			top: 6px;
			position: relative;
			margin-right: 0;
			margin-left: 6px;
			padding: 0 13px;
		 }
		.button.lang-en.home { clear: none; }
		.megamenu { margin-top: 10px;}
		.megamenu > li .drop-down-btn {
			display: none;
		}
		/*.megamenu > li .drop-down-container.normal { display: block!important }*/
		.megamenu > li .drop-down-container.normal { top:46px; padding-top:6px; }
		.megamenu > li .drop-down-container.normal:hover, 
		.megamenu > li a.drop-down:hover + .drop-down-container.normal { display: block!important; }

		.megamenu > li li { position: relative; }
		.megamenu > li li:hover .drop-down-level2 { display: block; }
		.drop-down-level2 { display: none; position: absolute; right: -102%; top: 0; }
		.megamenu > li .drop-down-level2 li a { background: #ccc; color: #222; }

	}
@media (max-width:991px) {
		div#google_translate_element {  float: right;}
		.button.lang-en { float: left;}
		.megamenu { margin-top: 20px;}
		.megamenu > li { position: relative; border-bottom: 1px solid #ccc; text-align: left; border-radius: 0;}
		.megamenu > li:hover {border-radius: 0;}
		.megamenu > li i {float: right; margin-right: 20px;}
		.megamenu > li .drop-down-btn {
			z-index: 9999;
			content:'';
			display: block;
			width:100%;
			height:40px;
			position: absolute;
			right:0;
			top:0;
/*		    background: url(../img/arrow-down-white.png) no-repeat 97.7% 12px;*/
/*    		background-size: auto 15px;*/
			border-radius: 0;
		}
		.megamenu > li .drop-down-level2 li { margin-left: 14px; border-left: 1px solid #464646!important; }
	}
	@media (max-width:767px) {
		#logo { background: none; height: auto; }
		#logo:after { content: ''; display: block; clear: both; margin-bottom: 10px; }
		#logo img { display: inline-block; float: none; visibility: visible; max-width: 100%; width: 510px; height: auto; }
		#logo img.logo-after { display: none; }
		#logo a { height: auto; }
	}


    .color-section .color-col li .color-card {color:#FFF; padding: 20px; display: block ; margin-bottom: 30px; border-radius: 10px; text-align: center;}
    .color-section .color-col li .color-card p {text-align: left;}
    .color-section .center-info { margin:20px 0; }

   @media (min-width:992px) {
    .color-section .row { display: flex; flex-flow: row; align-items: stretch; justify-content:center;}
    .color-section .center-info {display:flex; flex-flow: column;  justify-content:center;}
    .color-section .color-col { width: 100%; }
    .color-section .color-col li:nth-child(2) .color-card { margin-top: -100px;}
   }


#news-owl .item-bolck { padding: 20px; background: #FFF; border-radius: 20px; box-shadow: 0 1px 15px rgba(0,0,0,0.2); margin: 20px;}
#news-owl .item-bolck p { color:#666; margin-bottom: 0;}
#news-owl .item-bolck .image-container { width: 100%;height: 0; padding-bottom: 75%; overflow: hidden;}

#news-owl .owl-nav { position: absolute; top:50%; width: 100%;}
#news-owl .owl-nav .owl-next { float:right;}
#news-owl button { width: 30px; height: 30px; border-radius: 50%; background: #051924; color:#FFF; border:0; outline: none !important; text-shadow: none!important; box-shadow: none!important;}
#news-owl button span { font-size: 30px; margin: 0; padding: 0; line-height: 0.7;}
#news-owl button:hover { background: #379fdc;}
#news-owl .owl-dots {display: none;}

.link-section .link-item img {box-shadow: 0 1px 15px rgba(0,0,0,0.2);}

   @media (min-width:992px) {
.team-section .row { display: flex; flex-flow: row; align-items: stretch; justify-content:center;}
.team-section .center-info {display:flex; flex-flow: column;  justify-content:center;}
   }


/*------------------------------home-----------------------------------*/
/*	.tp-simpleresponsive a { display: block; width:100%; height: 100%; position: relative; z-index: 40; }*/

	.home-left, .home-right {  position: relative; z-index: 40;  }
	.home-left .pic-btn { margin-bottom:10px; display: block;}
	.home-left .pic-btn:last-of-type { margin-bottom:0; }

	/*banner*/

	.slidelink { left:0!important; }
	.slider .slider-banner {
		line-height: 2;
		font-weight: normal;
		font-size: 32px;
		text-align: center;
		justify-content: center;
		align-items: center;
		color:#FFF;
		padding-top: 100px;
	}
    .slider .slider-banner p { font-size: 20px; letter-spacing: 5px;}
    .slider .slider-banner .btn-solid { width: 290px; height: 48px;}
	/* news meq2 */
	.top_wrap { 
		position: relative;
		margin-bottom: 10px; padding: 15px 15px 15px 115px!important; /*background: #00365c ;*/
        background-image: -webkit-linear-gradient(90deg, #AB2622 0%, #00365c  50%, #AD4E4B 100%);
        background-image: -moz-linear-gradient(270deg, #AB2622 0%, #00365c  50%, #AD4E4B 100%);
        background-image: linear-gradient(0deg, #AB2622 0%, #00365c  50%, #AD4E4B 100%);
	}
	.top_wrap .title {
	    z-index: 1;
	    position: absolute;
	    box-shadow: 7px 0 7px -7px #4F1513;
	    font-weight: 600;
	    font-size: 20px;
	    padding: 5px 10px 5px 0;
	    top: 15px;
	    left:15px;
	    font-family: 'Alegreya', Helvetica,'Microsoft JhengHei', '微軟正黑體', serif;
	    animation:shineText 2s infinite alternate; /*IE*/
	    -moz-animation:shineText 2s infinite alternate; /*FireFox*/
	    -webkit-animation:shineText 2s infinite alternate; /*Chrome, Safari*/	
	}
	.top_text  { overflow: hidden; height: 32px; }
	.top_text .run { line-height: 32px; font-weight: bold; font-size: 16px; color: #fff; margin-top: -32px; /* padding-left: 50px;  */}
	/* .top_text .run li {  list-style-type: circle; list-style-image: url('../img/sea005.gif'); } */
	.top_text .run li { position: relative; padding-left: 37px; }
	.top_text .run li .seaimg { position: absolute; top: 0; left: 0; padding-right: 5px; }
	.top_text .run li a { color: #fff; display: block; line-height: 32px;}
	.top_text .run li a:hover { color: #e0e0e0; }
	.top_text .run li .seaimg img { line-height: 1; }
	 @media (max-width:991px) {
		.sm-show { display: block}
        .sm-hide { display: none;}
		#logo {display: none;}
	    .logo { width:40px; }
		a.mobile-logo { display: block; position: absolute; left: 0; }
	}
	@media (max-width:767px) {
		.slider .slider-banner { padding-top: 50px;} 
		.slider .slider-banner h1{ font-size: 30px;} 
		.slider .slider-banner .btn { display:none; }
		.top_wrap a { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	}
	@media (max-width:479px) {
		a.mobile-logo { font-size: 20px; }
		.slider .slider-banner { padding-top: 30px;} 
		.slider .slider-banner h1{ font-size: 25px;} 
		.slider .slider-banner p{ font-size: 14px;} 
		.top_wrap .run { font-size: 14px; }
		.top_wrap { padding: 10px 10px 10px 85px!important }
		.top_wrap .title { font-size: 12px; left: 10px; top: 10px; }
	}

	/*news meq*/
	.col-right.marquee p { margin: 0 0 5px 0; }
	.marquee { position: relative;     margin-bottom: 10px; padding: 15px 15px 8px 103px!important; /*background: #00365c ;*/
	        background-image: -webkit-linear-gradient(90deg, #AB2622 0%, #00365c  50%, #AD4E4B 100%);
	        background-image: -moz-linear-gradient(270deg, #AB2622 0%, #00365c  50%, #AD4E4B 100%);
	        background-image: linear-gradient(0deg, #AB2622 0%, #00365c  50%, #AD4E4B 100%);
	}
	.marquee .title {
	    z-index: 1;
	    position: absolute;
	    box-shadow: 7px 0 7px -7px #4F1513;
	    font-weight: 600;
	    font-size: 20px;
	    padding: 5px 10px 5px 0;
	    top: 9px;
	    left:15px;
	    font-family: 'Alegreya', Helvetica,'Microsoft JhengHei', '微軟正黑體', serif;
	    animation:shineText 2s infinite alternate; /*IE*/
	    -moz-animation:shineText 2s infinite alternate; /*FireFox*/
	    -webkit-animation:shineText 2s infinite alternate; /*Chrome, Safari*/	
	}

	@keyframes shineText {
	    from {color:#FFF;}
	    to {color:orange;}
	}
	@-moz-keyframes shineText{
	    from {color:#FFF;}
	    to {color:orange;}
	}
	@-webkit-keyframes shineText{
	    from {color:#FFF;}
	    to {color:orange;}
	}

	.marquee  span.marquee-text, .marquee  .marquee-text a { font-size: 16px; color:#fff; font-weight: 600; }


	/*3box*/
	.box-style-2 a { overflow: hidden; background: #fff; }
	.box-style-2 a img { border:2px solid #E2E2E2; border-radius: 6px; }

	/*pav-news*/
	.pav-news { margin-bottom:20px; }
	.pav-news .desc { margin-bottom:10px; }
	.pav-news i { margin-right:4px; }
	.pav-news h3 { color:#00365c ;  }
	.pav-news h4 {width:100%; display: block; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; margin-bottom:2px;}
	.pav-news hr { margin:8px 0 2px 0; }
	.pav-news .strip-lessons { padding:8px 0px; margin:0; }
	.pav-news ul.data-lessons { margin:0; }
	.pav-news .button_large { margin-top:20px; }

	.page-news h3 { margin-bottom: 0; }
	.page-news h4 { font-size: 16px; }
	.page-news h4 a { color:#000 }
	.page-news h4 a:hover { color:#555 }
	.page-news .strip-lessons { padding:3px 0px; }
	.page-news .strip-lessons .col-md-12 { padding-left: 117px; position: relative; }
	.page-news .strip-lessons .data-lessons { position: absolute; left: 17px; top: 0; }
	.page-news>div:nth-last-child(1) { border-bottom: none; }

	.page-download h3 { margin-bottom: 0; }
	.page-download .strip-lessons { padding: 3px 0; }
	.page-download h4 { font-size: 16px; }
	.page-download .strip-lessons .col-md-12 { padding-right: 117px; position: relative; }
	.page-download .strip-lessons .data-lessons { position: absolute; right: 17px; top: 0; }

	/*pav-fck*/
	.pav-fck { margin-bottom:20px;     background-color: #F8F6F6; }
	.pav-fck .strip-lessons { border:none; }
	.pav-fck>h3 { margin: 0; }
	.pav-fck>h3+.strip-lessons .model-box-wrap .this-model:nth-child(1) { margin-top: 10px; }
	.pav-fck .strip-lessons { margin: 0; padding: 0; }
	.pav-fck .model-box-wrap { padding: 0; }

	/*social*/
	.social-wrap  { text-align: center; }
	.social-wrap .youtube a, .social-wrap .twitter a,.social-wrap  .fb a { text-align: center;  }
	.social-wrap .youtube ,.social-wrap .twitter ,.social-wrap  .fb {  margin:30px 0; }
	/*@media (max-width:1199px) and (min-width:768) {
		.social-wrap .youtube a, .social-wrap .twitter a, .social-wrap .fb a {
		    position: relative;
	        line-height: 1.2em;
	    	padding: 15px 0 0 40px;
		}
		.twitter i, .fb i, .youtube i { 
		    position: absolute;
		    left: 20px;
		    top: 12px;
		}
	}*/
	@media (max-width:1199px) {
		.social-wrap { margin:15px 0; }
		.social-wrap .youtube , .social-wrap .fb {
			width:100%;
			margin:0 0 15px 0;
		}
	}

	/*pav-pic-video*/
	/*.pav-pic-video h4 { color:#00365c ;}
	.pav-pic-video .a-wrap { display: block;     border-radius: 5px; background: #fff; border:1px solid #E2E2E2; padding:6px; }
	.pav-pic-video .a-wrap p { margin:6px 0 0 0; color:#444; }
	.pav-pic-video .button_red_small { margin-top:10px; }*/

	.pav-pic-video .feat { padding:0; }
	.pav-pic-video hr.double { margin:0; }
	.pav-pic-video .feat>a {
	    display: block;
	    text-decoration: none;
	    margin-top:20px;
	}
	.pav-pic-video .feat a, .pav-pic-video h3 { padding:4px 20px; }
	.pav-pic-video { text-align: left; padding:0; }
	.pav-pic-video .img-wrap { width:40%; display: inline-block; vertical-align: middle; margin-right:7px; }
	.pav-pic-video h4 { display: inline-block; width: 55%; vertical-align: middle; font-size: 15px; font-weight: normal; color:#000;  }
	.pav-pic-video h3 { color:#00365c ; background: #ECE6E6; position: relative; font-size: 20px; }
	.pav-pic-video .more { font-size: 13px; position: absolute; right:0; top:0; color:#444; }
	@media (max-width:1199px) and (min-width:992px) {
		.page-wrap .pav-pic-video h4,
		.page-wrap .pav-pic-video .img-wrap { width: 100%; display: block; }
		.page-wrap .pav-pic-video h4 { margin-top: 10px; }
	}
	@media (max-width:479px) {
		.pav-pic-video h4,
		.pav-pic-video .img-wrap { width: 100%; display: block; }
		.pav-pic-video h4 { margin-top: 10px; }
	}

	/*qr-code*/
	.qr-code { margin-bottom:30px; }
	.qr-code .img { width:50%; float:left; padding:20px; }
	.qr-code .img img { width:100%; }
	@media (max-width:991px) and (min-width:768px) {
		.qr-code .img { width:100%; float:none;  }
		.qr-code .img img { width:200px; margin:auto; }
	}

	@media ( min-width:992px) {
		/* .page-wrap .qr-code .img { float: none; max-width: 100%; width: 178px; margin: auto; } */
		.page-wrap .qr-code .img { padding: 10px; }
		.page-wrap .youtube, .page-wrap .fb { width: 100%; margin: 0 0 15px 0; }
	}
	@media ( min-width:992px) and (max-width:1199px) {
		.page-wrap .qr-code .img { float: none; max-width: 100%; width: 178px; margin: auto; }
	}
	@media (max-width:991px) {
		footer .border-right { border-right: 0;}
		.page-wrap .qr-code .img { padding: 5px 20px; max-width: 50%; width: 200px; display: inline-block; float: none; }
		.page-wrap .youtube, .page-wrap .fb { width: 49.5%; margin: 0 0 15px 0; }
	}
	@media (max-width:400px) {
		.page-wrap .youtube, .page-wrap .fb,
		.page-wrap .qr-code .img  { max-width: 100%; width: 180px; }
	}
	


/*------------------------------member-dt-wrap--------------------------*/
	.strip-ls-desc { margin-bottom: 10px; }
	.strip-ls-desc-title { font-size: 14px; font-weight: bold; margin: 0 0 3px 0; color: #222!important; }
	.strip-ls-desc-title+.fck,
	.strip-ls-desc-title+.fck p { font-size: 14px; }
	.member-dt-wrap .tabs-content>li>div:last-child { margin: 0; }
	.member-dt-wrap .strip-courses .description p { margin-bottom: 0; }
	.member-dt-wrap .strip-courses .title-course { background-color: #ebedef; border-bottom: 2px solid #ffffff; } 
	.member-dt-wrap .strip-courses .title-course h3 { color: #444; font-size: 14px; }
	@media (max-width:767px) {
		.member-dt-wrap .tabs {
			border: none;
		}
		.member-dt-wrap ul.tabs li { margin: 2px; }
		.member-dt-wrap ul.tabs li a { border-radius: 3px; }
	}
	

/*---------------------------album----------------------------*/
	.album-wrap .album-ls .img-wrap { margin-bottom: 12px; }
	.album-wrap .album-ls h5 {
		overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	}
	.album-wrap .model-box-wrap { margin: 30px 0; }
	.album-cate { width: 340px; max-width: 100%; }
	@media (min-width:992px) {
		.album-wrap .page-title.mb { display: block; font-size: 30px; text-align: center; }
	}
	

/*-------------------------equ-wrap----------------------*/
	.equ-wrap .strip-lessons a { 
		color: #222; 
		 -webkit-transition: all 0.3s ease;
		  -moz-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
		  transition: all 0.3s ease;
	}
	.equ-wrap .strip-lessons a:hover { text-decoration: none; color:#666 }

	.equ-dt-wrap .title-course h3 { line-height: 1.3em; padding: 10px; }
	.equ-dt-wrap .en { font-size: 14px; }

/*-----------------------cg----------------------*/
	.name-link { color: #395070; }
	.name-link:hover { color: #607796; }
	.cgdesc img { width: 240px; margin-bottom: 5px; }
	.cgdesc .img-desc { font-size: 14px; font-weight: bold; color: #444; }
	.strip-courses .description .cgdesc ul li { display: block; margin-bottom: 5px; border: none; }
	.cgdesc {
	    display: table;
	    width: 100%;
	    float: none;
	    margin: 0;
	}
	.cgdesc>div {
		display: table-cell;
	    vertical-align: middle;
	    float: none;
	    width: auto;
	}
	.cgdesc>div:last-child {
		padding: 0 20px;
		width: 300px;
	}
	.strip-courses .description .cgdesc ul li.cg-teacher-name {
	    font-size: 18px;
    	margin-bottom: 10px;
	}

	@media (max-width:767px) {
		.cgdesc .img-desc { text-align: left; }
		.cgdesc>div { display: block; }
	}

/*------------------------------common-----------------------------------*/
	.post-left i {
		margin-right: 4px;
	    display: inline-block;
	    width: 18px;
	    text-align: center;
	}
	.breadcrumb { text-align: right; margin: 0; padding: 8px 0; }
	.col-left { padding: 15px 30px; }
	.col-left .threemenu { padding: 0; display: none; }
	.col-left .threemenu li { margin-left: 15px;/*  border-bottom: 1px solid #e2e2e2; */ }
    .col-left .threemenu li:last-child { border:0;}
	.col-left .threemenu li a { color: #000; }
	.col-left .threemenu li a#active {   /* background: transparent;   color: #00365c ; */ background: #7ec2e7; color: #fff; }
	ul.submenu-col li a#active ~ .threemenu { display: block; }
	ul.submenu-col>li { position: relative; }
	ul.submenu-col>li>a { background: transparent; }
	ul.submenu-col>li>.arr:before {
		content: '+';
		display: block;
		width: 28px;
		height: 28px;
		line-height: 25px;
		position: absolute;
		right: 0;
		top: 0;
		color: #00365c ;
		text-align: center;
		z-index: 1;
		background: #e4e4e4;
		font-size: 22px;
	}
	ul.submenu-col>li>.arr:hover:before { background-color: #00365c; color: #fff; }
	ul.submenu-col>li>a#active + .arr:before {
		content: '-';
		color: #fff;
		background: #005ea0;
	}
	ul.submenu-col>li.isCLOSE .arr:before,
	ul.submenu-col>li.isCLOSE>a#active + .arr:before {
		content: '+';
	}
	ul.submenu-col>li.isOPEN .arr:before,
	ul.submenu-col>li.isOPEN>a#active + .arr:before {
		content: '-';
	}
	.page-title { font-size: 20px; margin: 5px 0 15px 0; line-height: 1em; }
	.page-title.mb { display: none; }
	@media (max-width:991px) {
	     .page-title.mb { display: none; }
	     .page-title.pc { display: block; }
	     .pc-left-menu { display: none; }
	}

	a { text-decoration: none; outline: none; }
	a:visited { text-decoration: none; outline: none;}
	a:hover { text-decoration: none; outline: none;}
	a:active { text-decoration: none; outline: none;}
	a:focus { text-decoration: none; outline: none;}

	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}
	 
	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	/*fck*/
	.fck {    overflow-x: auto;}
	.fck * { max-width: 100%; }
	.fck,.fck p { line-height: 1.5em; font-size: 15px; margin: 0; color: #000; }
	.fck hr{border: 0px;    border-top: 1px solid #ccc; margin:0.5em 0; }
	.fck .marker {   background-color: Yellow; }
	.fck em { font-style: italic; font-size: inherit;}
	.fck b,.fck strong, .fck b>*,.fck strong>* { font-weight: bold;font-size: inherit; }
	.fck a{ text-decoration:underline; color: #3D3D3D; }
	.fck a:visited { color: #000099;}
	.fck a:hover { color: #000099;}
	.fck a:active { color: #000099;}
	.fck a:focus { color: #000099;}
	.fck h1, .fck h2, .fck h3, .fck h4, .fck h5, .fck h6 { font-weight: normal; line-height: 1.5em; }
	.fck h1 { font-size: 2em; margin:0.67em 0; }
	.fck h2 { font-size: 1.5em;margin: 0.83em 0; }
	.fck h3 { font-size: 1.17em; margin:1em 0; }
	.fck ins { text-decoration: underline; }
	.fck pre { white-space: pre-wrap; word-wrap: break-word; tab-size: 4;margin: 1em 0px;font-family: monospace; }
	.fck blockquote{ padding-left: 20px; padding-right: 8px; border-left-width: 5px; font-style: italic; border:none; border-left:3px solid #ccc; margin:1em 40px; display:table-cell; }
	.fck img { max-width:100%!important; height:auto!important; margin-bottom:10px; }
	.fck ul, .fck ol { padding-left:1.5em; }
	.fck ul>li {  list-style-type: disc; display: list-item;  }
	.fck ol>li {     list-style-type: decimal; display: list-item; }
	.fck table { /* border-collapse: collapse;margin: auto; */    border-spacing: 1px;
    border-collapse: separate;
    border-color: grey; }
    .fck td, .fck th {
	    padding: 1px;
	}
	/* .fck table ,
	.fck table tr td,
	.fck table tr { border: none; background-color: transparent; } */
	/* .fck table { border: 1px solid #333; }
	.fck table tr td {
		padding: 8px;
	    border-right: 1px solid #333;
	    border-bottom: 1px solid #333;
	    vertical-align: middle;
	}
	.fck table tr:nth-child(even) {
	    background: #f9f9f9;
	}
	@media (max-width:767px) {
	     .fck table { width:100%!important; }
	     .col-right { padding: 15px; }
	} */
	@media (max-width:991px) {
		.col-left { padding: 30px; }
		.sm-center {text-align: center;}
        footer .text-center {font-size:12px;}
	}
	@media (max-width:767px) {
	     .col-right, .col-left { padding: 15px; }

	}


/*====================== fck model ==========================*/
	.base-title { 
		position: relative; 
		text-align: left; 
		margin:10px 0 15px 0; 
		padding-bottom: 15px; 
		font-size: 22px; 
		line-height: 1.2em; 
		font-weight: bold; 
	}
	.base-title img { height: 23px; }
	.base-title:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: #d8dee5;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	
	.model-box-wrap  { padding:20px 0;}
	.model-box-wrap img { max-width:100%; height:auto; }
	.model-box-wrap table { max-width: 860px!important }
	.model-box-wrap .this-model:after {
		content: '';
		display: block;
		clear: both;
	}
	.model-box-wrap>.this-model .base-title { margin-top: 30px; }
	.model-box-wrap>.this-model .download-btn { font-size: 14px; font-weight: bold; float: right; margin-bottom: 10px; }
	.model-box-wrap>.this-model:nth-of-type(1) .base-title { margin-top:0px; } 
	.model-box-wrap .this-model .text-wrap { display: block; }
	.model-box-wrap .this-model .pic-wrap { margin-bottom: 5px;}
	.model-box-wrap .this-model .pic-wrap img {margin-bottom: 5px; display: block; float:left}
	.model-box-wrap .this-model .pic-wrap>span { font-size: 13px; line-height: 1.2em;    display: block; }
	.model-box-wrap .this-model .pic-wrap>span:after { content: ''; display: block; clear: both; }
	.model-box-wrap .this-model .pic-wrap span.note { float:none; display: block; text-align: center; }
	
	/* 標題不要了 */
	.model-box-wrap>.this-model { margin-bottom: 20px; }
	.model-box-wrap>.this-model .base-title { display: none; }
	.base-title:after { display: none; }
	.model-box-wrap.set>.this-model { margin-bottom: 0; }
	.model-box-wrap.set>.this-model .base-title { display: block; }
	.model-box-wrap.set .base-title:after { display: block; }

	/*A 左圖右文*/
	.model-box-wrap .this-modelA .pic-wrap { float:left; margin-right: 20px; max-width:50%; }
	.model-box-wrap .this-modelA .pic-wrap img { float:left; max-width: 100%; }
	/*A 右圖左文*/
	.model-box-wrap .this-modelB .pic-wrap { float:right; margin-left: 20px; max-width:50%; }
	.model-box-wrap .this-modelB .pic-wrap img { float:left; max-width: 100%; }
	/*A 上圖下文*/
	.model-box-wrap .this-modelC .pic-wrap { text-align: center; }
	.model-box-wrap .this-modelC .pic-wrap>span { display: block; text-align: center; margin: 0 auto; }
	.model-box-wrap .this-modelC .pic-wrap { margin-bottom: 20px; }
	/*A 多圖*/
	/* .model-box-wrap .this-modelD { text-align: center; } */
	.model-box-wrap .this-modelD .pic-wrap { text-align: center; vertical-align: top; width: 32.5%; display: inline-block; }
	.model-box-wrap .this-modelD .pic-wrap img {  max-width: 100%;  }
	/* 多圖輪播式 */
	.model-slide { margin: 0 -15px; }
	.model-slide .slick-slide { padding: 15px; }

	@media (max-width:991px) {
	.model-box-wrap .this-modelD .pic-wrap { width: 49.5%;}
	}
	@media (max-width:600px) {
	/*A 左圖右文*/
	.model-box-wrap .this-model .pic-wrap { float:none; margin-right: 0px; margin-left: 0; max-width: 100%; text-align:center; margin-bottom: 20px; }
	.model-box-wrap .this-model .pic-wrap img { display: inline-block; float:none; max-width: 100%; }
	}
	@media (max-width:479px) {
	.model-box-wrap .this-modelD .pic-wrap { width: 100%;}
	}


/*----------base-table----------*/
  @media (min-width:768px) { 
    .base-table tr td .mb-title { display: none; }
    .base-table tr td { }
    .base-table tr td .mb-content { display: block; }
  }
  @media (max-width:767px) {
    .member-wrap {  padding: 20px 20px;   }
    .base-table, .base-table tr, .base-table td { border: none!important; }
    .base-table tr { 
      display: block;
      margin-bottom: 10px;
      overflow: hidden;
      background-color: #f9f9f9;
      -webkit-box-shadow: 0 0 0 1px #e4e4e4;
      -moz-box-shadow: 0 0 0 1px #e4e4e4;
      box-shadow: 0 0 0 1px #e4e4e4;
    }
    .base-table tr.pc-title { display: none; }
    .base-table tr td { display: block; width: 100%; padding:0!important; border-bottom: 1px solid #fff!important;  }
    .base-table tr td:last-child { border-bottom:none; }
    .base-table tr td .mb-title {  
      text-align: left;
      display: table-cell;
      width: 80px;
      padding: 5px 8px;  
      background: #eee;  
      border-right: 1px solid #e8e8e8;
      font-weight: bold;
      font-size: 14px;
    }
    .base-table tr td .mb-content { display: table-cell; padding:5px 10px;     vertical-align: middle; }
  	.base-table.equ-table tr td .mb-title { width: 100px; }
  }
  @media (max-width:600px) {
    .tab-panel .item {
      display: block;
      width: 50%;
      float: left;
    }
  }

	#introA-popup .fck table tr td:nth-child(1) { text-align: center; width: 60px; }
	#introA-popup .fck table ul { margin: 0;padding: 0; }
	#introA-popup .fck table ul li { display: inline-block; list-style-type: none; margin-right: 12px; }