.name-color { color: #000099; }
	.name-color:hover { color: #3463af; }
/*------------------------------header-----------------------------------*/
    #logo {z-index: 999;} 
	#logo a { display: flex; width: 100%; height: 100%; color: #fff; align-items: center; justify-content: center; }
	.logo-img, .logo-name { flex: auto; vertical-align: middle; }
	.logo-img { flex: 0 0 220px; margin-right: 30px; vertical-align: middle; }
	.logo-img img { max-width: 100%; }
	.logo-name { flex: 1 1 auto; text-align: center; }
	.logo-name big { display: block; font-size: 48px; font-weight: bolder; line-height: 1; }
	.logo-name small { display: block; font-size: 18px; }
	/*.logo { width:320px; }*/
	.logo-footer { margin: 0;}
    .logo-footer img { width: 100%; max-width: 250px;}
    #tool { text-align: right; }
    .lang-en { margin-top: 10px; display: inline-block;}
    .lang-en li { display: inline-block; margin-right: 7px; }
    .lang-en li a { 
        font-family:'GentonaExtra', '微軟正黑體';
          width: 30px;
          height: 30px;
          background: #FFF;
          border-radius: 50px;
          color: #3f51b5;
          font-size: 22px;
          display: block;
		 }

     .lang-en li:nth-child(1) a { padding:4px 6px;}
     .lang-en li:nth-child(2) a { padding:4px 10px;}
     .lang-en li:nth-child(3) a { padding:4px 3px; font-size: 20px;}
     .lang-en li:nth-child(4) a { padding:4px 5px;}

#tool .search { width: 200px; margin-top: 10px; float:right;}
.search .input-group { margin-left: 15px;}
.search .input-group .form-control { border: 0!important; box-shadow:none!important; padding: 0!important; height: 30px;}
.search .input-group .btn {
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 16px;
    border: none;
    border-radius: 50px;
    background: #FFF;
    outline: 0 !important;
}
.search .input-group .btn.active.focus,
.search .input-group .btn.active:focus,
.search .input-group .btn.focus,
.search .input-group .btn.focus:active,
.search .input-group .btn:active:focus,
.search .input-group .btn:focus {
  outline: 0 !important;
  outline-offset: 0  !important;
  background-image: none  !important;
  -webkit-box-shadow: none !important;
  box-shadow: none  !important;
}

/*------------------------------Nav-----------------------------------*/


.megamenu {
    display: flex;
    justify-content: center;
    width: 100%;
	text-align: center;
    float: none;
}

.megamenu > li {
    width: auto;
    flex-grow: 1;
	float: none;
    display: inline-block;
}


@media (max-width:1199px) and (min-width:992px) {
   /*.megamenu > li a.drop-down { padding-right:0; }*/
	.megamenu > li { padding:0; }
}


@media (min-width:992px) {

       .megamenu > li .drop-down-btn {display: none;}
		/*.megamenu > li .drop-down-container.normal { display: block!important }*/
		.megamenu > li .drop-down-container.normal { top:50px; }
		.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: -100%; top: 0; }
		.megamenu > li .drop-down-level2 li a { background: #3f51b5!important; color: #ccc; }
		.megamenu > li .drop-down-level2 li a:hover { background: #f59a09!important; color: #fff; }

		.logo-name big { display: block; margin-bottom: 15px; font-size: 40px; font-weight: bolder; line-height: 1; }
		.logo-name big > img { max-width: 100%; max-height: 40px;}
		.logo-name small { display: block; font-size: 14px; font-weight: normal; }
	}

	@media (max-width:991px) {
        
		#logo {text-align: center;}
        #tool  {text-align: center;}
        #tool .search { float: none; display: inline-block;}
        
        .megamenu { display: none; width: 100%; text-align: left; }
		.megamenu > li { position: relative; border-top: 1px solid #5c6bc0; display: block;}
		.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;
		}
		.megamenu > li .drop-down-level2 li { margin-left: 14px; border-left: 1px solid #633c36!important; }
		.drop-down-container.normal ul li {border-color:#000; }
		.drop-down-container.normal ul li a { background: #2E1410; }
		.drop-down-container.normal ul li a:hover { background: #4C3F3C; }
		.logo-name big { display: block; font-size: 40px; font-weight: bolder; line-height: 1; }
		.logo-name big > img { margin-bottom: 15px; max-height: 40px; }
		.logo-name small { display: block; font-size: 14px; }

	}
	@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; flex-wrap: wrap; justify-content: center; }
		.logo-img { flex: 0 0 150px; margin-right: 0; }
		.logo-name { flex: 1 1 100%; }
		.logo-name big { margin: 10px 0 5px 0; font-size: 32px; }
		.logo-name small { font-size: 12px; }
	}


/*------------------------------footer-----------------------------------*/
	#toTop { z-index: 50; }
	.oz { font-size: 12px; color:#A4A4A4; margin-left:5px; display: inline-block; }
	.oz:hover { color:#3f51b5; }
	#quick-links ul li {     width: 50%; float: left; }
	#contacts-footer .info {
	    color: #3D3D3D;
	}
	.map-wrap iframe{ width:50%; height:100%; float:left; }
	#contacts-footer ul { width:50%; float:left; padding:0 0 0 15px; }
	#contacts-footer ul li {     text-indent: -1.1em; margin-left: 1.1em; }
	#contacts-footer ul li i {
	    text-indent: 0;
	}
	footer { font-size: 13px; }
	@media (max-width:991px) {
		#quick-links { margin-bottom:30px; }
		footer #brand-footer { padding-top:60px; }
		#quick-links ul li {     width: 25%; float: left; }
		.map-wrap iframe{ width:100%; height:100%; float:none; }
		#contacts-footer ul { width:100%; float:none; padding:0; }
	}
	@media (max-width:767px) {
		#quick-links { margin-bottom:0px; }
		#quick-links ul li {     width: 33%; float: left; }
		footer #quick-links ul { border-bottom:1px solid #eee;padding-bottom:15px; margin-bottom:20px; }
		footer #contacts-footer {  }
		footer #contacts-footer ul {border-bottom:1px solid #eee;padding-bottom:15px; margin-bottom:20px; }
		footer #brand-footer hr { display: none; }
		footer #brand-footer .oz { display: block; }
	}


/*------------------------------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 .tp-caption.very_big_white {
		font-family:'Arial', '微軟正黑體';
		line-height: 1.5em;
		padding:1.2%;
		font-weight: normal;
		font-size: 32px;
		position: absolute;
		background-color: transparent;
		text-shadow: 0 0 10px #000;
		margin:0 0 50px 0;
		background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(128, 128, 128, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
		background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(128, 128, 128, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(128, 128, 128, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	}
	.slider .tp-caption.very_big_white:before {
		height:2px;
		width:100%;
		content:'';
		display: block;
		position: absolute;
		top:1px;
		background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
		background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	}
	.slider .tp-caption.very_big_white:after {
		height:2px;
		width:100%;
		content:'';
		display: block;
		position: absolute;
		bottom:1px;
		background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
		background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	}
	/*@media(min-width:1200px) {
		.slider .tp-caption.very_big_white { margin:0 -80px 50px 0; } 
	}*/


    #main-calendar  {background: url(../img/logo-bg.jpg);}

	@media (max-width:479px) {
		.slider .tp-caption.very_big_white { padding: 3% 18%; }
	}


	/* news meq2 */
	.top_wrap { 
		position: relative;
		margin-bottom: 10px; 
        padding: 15px 15px 15px 115px!important; 
        background: #3f51b5;
        border-radius: 4px;
	}
	.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:'GentonaExtra', '微軟正黑體';
	    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;}
	.top_text .run li .seaimg { display: none; 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:767px) {
		.top_wrap a { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	}
	@media (max-width:479px) {
		.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: #3f51b5;*/
	        background-image: -webkit-linear-gradient(90deg, #AB2622 0%, #3f51b5 50%, #AD4E4B 100%);
	        background-image: -moz-linear-gradient(270deg, #AB2622 0%, #3f51b5 50%, #AD4E4B 100%);
	        background-image: linear-gradient(0deg, #AB2622 0%, #3f51b5 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:'GentonaExtra', '微軟正黑體';
	    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:#3f51b5;  }
	.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:#3f51b5;}
	.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:#3f51b5; 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) {
		.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 { padding-left: 15px;/*  border-bottom: 1px solid #e2e2e2; */ }
	.col-left .threemenu li a { color: #000; }
	.col-left .threemenu li a#active {   /* background: transparent;   color: #3f51b5; */ background: #5d5050; color: #fff; }
	ul.submenu-col li a#active ~ .threemenu { display: block; }
	ul.submenu-col>li { position: relative; }
	ul.submenu-col>li>a { background: #eee; }
	ul.submenu-col>li>.arr:before {
		content: '+';
		display: block;
		width: 28px;
		height: 28px;
		line-height: 25px;
		position: absolute;
		right: 0;
		top: 0;
		color: #3f51b5;
		text-align: center;
		z-index: 1;
		background: #e4e4e4;
		font-size: 22px;
	}
	ul.submenu-col>li>.arr:hover:before { background-color: #002e57; color: #fff; }
	ul.submenu-col>li>a#active + .arr:before {
		content: '-';
		color: #fff;
		background: #444;
		background: #002e57;
	}
	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; text-align: justify; }
	.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:'GentonaExtra', '微軟正黑體'; }
	.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:33px; }
	.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; }
	}
	@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; }