@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
@import url("fontawesome_all.css");
@import url("animate.css");
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400&display=swap');*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing:1px; }
html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll; overflow-x:hidden; }
body, td, th,select,input {font-size:12px; font-family: /*Arial,*/'Noto Sans TC' , "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;color:#333333; box-sizing: border-box;}

/*簡易設定*/
.iframe_ch { display:none }
.middle { vertical-align:middle; }
.center { text-align:center; }
.w100{width: 100%;}

/*fix safari*/
input, select, textarea{ -ms-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-box-sizing:content-box;}
input[type='text'],input[type='password'],input[type='button'],input[type='submit']{border:1px solid #dbd5d5;padding:5px 10px;-webkit-appearance: none;}
select{ border:1px solid #949494; padding:5px 10px; color:#333333; }

/*分頁*/
.pager{width:100%;overflow:hidden;margin:50px auto 50px auto;text-align:center; }

/*編輯器*/
.editor{padding:0 10px 50px 10px !important;font-size: 16px;line-height: 30px;color: #ffffff;}

/*連結*/
a{color: #000000;text-decoration:none;}
a:hover{ color:#a21827; }

/*提示文字內容*/
#tip_box { position: fixed; line-height:22px; background-image:url(../../images/bg.png); color: #FFF; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left:10px; }
/*提示圖片處理*/
.tip { cursor:pointer; cursor:hand; vertical-align:middle; }

/*表格*/
.css_table { display:table; width:100%; }
.css_table .css_tr {display: table-row;}
.css_table .css_th {display: table-cell;text-align: center;vertical-align:middle;padding: 5px 10px;box-sizing:border-box;letter-spacing:1px;font-size: 15px;border-bottom: 3px solid #dbd5d5;color:#121212;}
.css_table .css_td {display: table-cell;text-align:center;vertical-align:middle;padding: 0px 10px;box-sizing:border-box;letter-spacing:1px;font-size:14px;color:#121212;}
.css_table .css_th.text-left , .css_table .css_td.text-left{ text-align:left !important; }
.css_table .css_th.border-none , .css_table .css_td.border-none{ border:0 !important; }

.gotop{position:absolute;bottom: 300px;left:0;right:0;margin-left:auto;margin-right:auto;width: 62px;}

/*按鈕*/
.btn-1{display:inline-block;color: #9b000a;font-weight: bold;font-size: 13px;width:auto;padding: 10px 20px;margin:5px 0;border:0;letter-spacing:2px;cursor:hand;cursor:pointer;background: #ffffff;outline:0;text-decoration:none;/* -webkit-border-radius: 25px; */-moz-border-radius: 25px;border-radius: 10px;}
.btn-1.on{background:#ffb22d;}
.btn-1:hover{background: #ffb22d;transition: all 0.5s ease;}

.btn-2{display:inline-block;color: #ffffff;font-weight: bold;font-size: 16px;width:auto;padding: 15px 45px;margin:5px 0;border:0;letter-spacing:2px;cursor:hand;cursor:pointer;background: #9b000a;outline:0;text-decoration:none;/* -webkit-border-radius: 25px; */-moz-border-radius: 25px;border-radius: 10px;}
.btn-2.on{background:#ffb32c;}
.btn-2:hover{background: #ffb32c;transition: all 0.5s ease;}

.btn-3{display:inline-block;color: #ffffff;border: 1px solid #ffffff;font-weight: bold;font-size: 16px;width:auto;padding: 18px 70px;margin:5px 0;letter-spacing:2px;cursor:pointer;background: #9b000a;outline:0;text-decoration:none;/* -webkit-border-radius: 25px; */-moz-border-radius: 25px;border-radius: 10px;}
.btn-3.on{background:#ffb32c;}
.btn-3:hover{background: #7a0109;transition: all 0.5s ease;}


/*全營幕遮罩*/ 
.bg-overlay { display:block; position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.7); opacity:0; visibility:hidden; width:100%; height:100%; z-index:9999; transition: all 0.2s linear; }
.bg-overlay.visible { opacity:1; visibility:visible }

/*網頁大標題*/
.common-title{text-align: center;font-size: 40px;color: #ffc320;/*font-weight:bold;*//*letter-spacing: 10px;*/line-height: 30px;padding: 50px 10px 40px 10px;margin: 0 0px 0 0px;}
.common-title span{display: block;line-height: 30px;text-transform: uppercase;font-size: 30px;padding-bottom: 15px;color: #dcbc8a;font-weight: bold;letter-spacing: 3px;font-family: 'Noto Sans TC', sans-serif;}
.common-title > .line{background: #ffc320;width: 30px;height: 1px;margin: 10px auto 20px auto;animation:1s ease-in-out 0.8s 1 widthGroup-1;}

/*網頁小標題*/
.common-title2{text-align: center;font-size: 30px;color: #ffc320;/*font-weight:bold;*/letter-spacing: 10px;line-height: 30px;padding: 50px 10px 40px 10px;margin: 0 0px 0 0px;}
.common-title2 img{ padding:0 10px 0 0px; }
.common-title2 span{display: block;line-height: 30px;text-transform: uppercase;font-size: 30px;padding-bottom: 15px;color: #dcbc8a;font-weight: bold;letter-spacing: 3px;font-family: 'Noto Sans TC', sans-serif;}
.common-title2 > .line{margin: 10px auto 20px auto;}


/*Layout Column Flex*/
.layout-flex {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 30px 0 30px 0;
}
.layout-flex .flex-item {
	order:3;
}
.layout-flex .flex-item-1{ order:1; }
.layout-flex .flex-item-1,
.layout-flex .flex-item-2{width: 25%;padding: 0 0 0 5px;}
.layout-flex .flex-item-3{width: 75%;}
.layout-flex .flex-item-3 .flex-layout{ display:flex; }
.layout-flex .flex-item-3 .flex-layout .flex-left{ flex:3; }
.layout-flex .flex-item-3 .flex-layout .flex-right{ flex:1; }
.layout-flex .flex-item-4{ width:100%;}

.layout-flex2 { display: flex; flex-wrap: wrap; margin: 30px 0 30px 0; }
.layout-flex2 .flex-item-1,
.layout-flex2 .flex-item-2{width:28%;padding: 0 0 0 5px;}
.layout-flex2 .flex-item-3{ width:72%;}

/*內頁banner*/
#banner-box{width:100%;/*max-width: 1200px;*/margin: 0 auto;overflow:hidden;background:#110102;}
#banner-inner{position:relative;height: 300px;background:url(../../images/banner-inner.jpg) center no-repeat;background-size: cover;}
#banner-inner .overlay{display:flex;align-items:center;justify-content: center;width:100%;height: 100%;/* background-color: rgba(0, 0, 0, 0.5);*/}
#banner-inner .title{opacity:0;text-align:center;color:#ffffff;font-size: 30px;font-weight: bold;letter-spacing: 5px;padding: 0 0 10px 0;text-shadow: 2px 2px 2px #101010;}
#banner-inner .common-title{ color: #ffffff; }
#banner-inner .common-title span{}
#banner-inner .common-title > .line{background: #ffffff;}

/*麵包屑*/
#sitemap{width:100%;margin:0;padding:0 10px;box-sizing: border-box;letter-spacing:1px;color: #737373;text-align: left;}
#sitemap .wrap{width:100%;max-width:1200px;overflow:hidden;margin: 0 auto;padding: 20px 0px;color: #bdbdbd;font-size: 16px;border-bottom: 1px solid #3e3e3e;}
#sitemap .wrap a{color: #9d9d9d;text-decoration:none;}
#sitemap .wrap:before{font-family: "Font Awesome 5 Free"; font-weight: 900;  content: "\f015"; text-decoration:none; padding-right:5px; }
#sitemap .wrap a{text-decoration: none;}

/*表格*/
#css_table { display:table; width:100%; }
.css_tr { display: table-row; }
.css_td {display: table-cell;text-align:left;vertical-align:middle;padding: 15px 5px;box-sizing:border-box;letter-spacing:1px;font-size: 14px;color: #4C3434; line-height: 25px;}
	
/*NAV*/
#fix-menu{position:fixed;top: 200px;right: 6.5%;z-index:9999;width:35px;}
#fix-menu img{ padding:3px 0; }
	
@media screen and (max-width : 1024px) {
	.layout-flex { flex-direction: row; }
	.layout-flex .flex-item {flex:100%;padding: 0 5px;}
	.layout-flex .flex-item-3{ order:2 !important; }
	.layout-flex .flex-item-3 .flex-layout{ display:block; }
	
	.layout-flex2 .flex-item {flex:100%;padding: 0 5px;}
	
	.gotop{position:fixed;bottom:100px;right: 4.5%;margin:0;left:auto;z-index: 9;opacity: 0.8;}
}

@media screen and (max-width : 600px) {
	#banner-inner .title{ font-size:20px; }
	#banner-inner .title span{ font-size:14px; }
}

@media screen and (max-width : 480px) {
	.common-title{ font-size:30px; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#wrapper{width:100%;position: relative;/* overflow:hidden; *//*min-height:1500px;*/}

#header{width:100%;position: fixed;top: 0;z-index: 999;/* overflow:hidden; *//*background: url(../../images/header-bg.png) repeat-x;*/}
#header.on{ position:fixed; top:0; z-index:9998; }
#header .bg{width:100%;height: 150px;background:url(../../images/header-bg.png) no-repeat left;}
#header .wrap{width:100%;max-width: 1200px;/* height:149px; */margin: 0px auto;/* overflow: hidden; */display:flex;align-items:center;justify-content: center;/* background: #ffffff; *//* border-bottom: 1px solid #ebebeb; */}
#header .wrap .logo{flex:1;/* height: 149px; */margin-left: 20px;display: flex;align-items:center;justify-content: center;}
#header .wrap .logo img{ max-width:340px; }
#header .wrap .navigation{position:relative;flex: 6;height: 140px;/* background:url(../../images/header-bg.jpg) no-repeat left; *//* display:flex; */align-items:center;justify-content: center;text-align: right;}
#header .wrap .navigation .top{padding: 0px 0 14px 0;margin-top: -40px;}
#header .wrap .navigation .bottom{position:relative;margin-top: 0px;padding-top: 35px;position: absolute;right: 0px;max-width: 800px;/* border-top: 1px solid #e2e2e2; */}

#header > nav{ width:100%; background:#ffc10b; height:45px; margin:0 auto; text-align:right;display:flex; align-items:center; justify-content:flex-end; }
#header > nav .contain{max-width: 1200px;width: 100%;margin: 0 auto;}
#header > nav .contain{
    display: flex;
    align-items:center;
    justify-content: flex-end;
}
#header > nav .contain span.tel{
    background: #120908;
    color: #FFC10B;
    font-size: 20px;
    font-weight: bold;
    padding: 3px 10px;
    margin: 0 2px;
    border-radius: 10px;
    cursor: pointer;
}
#header > nav .contain span.tel i{
    padding: 0 7px 0 1px;
}
#header > nav > span{ padding-left:30px; }
#header > nav span select{border:0;vertical-align: middle;height: 20px;}
#header > nav span a{ font-size:14px; }
#header > nav > span i{font-size: 16px;color: #82cdbb; padding-right:8px; }
#header > nav a{ color:#000000;text-decoration:none; }
#header > nav a:hover{ color:#71c6b2; }

/*選單*/
#header ul{margin:0;padding:0;list-style:none;}
#header ul > li:last-child{ border-right:0; padding-right:10px; }
#header ul > li:before{/* content:url(../../images/header-line.png); */position:absolute;right:0;}
#header ul > li i{padding: 0 5px 0 5px;color: #33abff;font-size: 12px;}
#header ul > li{position:relative;float:left;padding: 10px 0vw 30px 0vw;font-size: 16px;color: #ffffff;font-weight: bold;/* border-right: 1px solid #fffefe; */}
#header ul > li span{ cursor:pointer; }
#header ul > li span:hover{ color:#FFC10B; }
#header ul > li a{color: #ffffff;text-decoration:none;}
#header ul > li a:hover{ color:#192d80; }
#header ul > li span:before{content:url(../../images/header-star.png);vertical-align: middle;padding: 0 1vw 0 2vw;}
/*選單第二層*/
#header ul li nav{display:none; padding: 0px 20px;z-index:99;position:absolute;left:0;top: 45px;/* min-height: 400px; *//* overflow:hidden; */background-color: rgba(0,0,0,0.8);/* border: 1px solid #ebebeb; */box-shadow: 0 3px 5px rgb(0 0 0 / 25%);}
#header ul li nav.width-b{width: 700px;}
#header ul li nav.width-s{width: 210px;}
#header ul li .triangle-top{ display:none; }
/*選單第三層*/


#header ul li nav ul{display: inline;margin:0;padding: 10px 0px;list-style:none;/* overflow: hidden; */}
#header ul li nav ul li{position:relative;float:left;width: 100%;text-align: left;color: #ffffff;padding: 16px 20px 16px 30px;line-height: 20px;font-size: 16px;cursor: pointer;border-bottom: 1px solid #5c5c5c;}
#header ul li nav ul li:last-child{ border:0; }
#header ul li nav ul li:before{position:absolute;left: 15px;top: 15px; content:url(../../images/menu-icon.png); }
#header ul li nav ul li i{ position:absolute; right:10px; top:10px; }
#header ul li nav ul li a{display: block;width: 100%;color: #ffffff;padding: 15px 20px 15px 30px;font-weight: normal;font-size: 16px;}
#header ul li nav ul li:hover{ color:#ffb109; }
#header ul li nav ul li a:hover{ /*color:#ffffff !important;*/ }

#header ul li nav ul li nav{display:none;z-index:99;position:absolute;top: 0px !important;/* min-height: 400px; *//* overflow:hidden; */background: #ffffff;border: 1px solid #ebebeb;box-shadow: 0 3px 5px rgb(0 0 0 / 25%);}
#header ul li nav ul li nav.position-r{left: 209px !important;}
#header ul li nav ul li nav.position-l{left: -211px !important;}
#header ul li nav ul li nav ul li{ position:relative; float:left;width: 100%;text-align: left;color:#333333; padding:0 !important; }
#header ul li nav ul li nav ul li i{ position:absolute; right:10px; top:10px; }

#header ul li nav ul li nav ul li a{display: inline-block;width: 100%;color:#333333 !important;padding: 6px 10px 6px 10px;}

#header ul li nav .items{/* float: left; */display:inline-block;width: 155px;text-align: left;vertical-align: top;margin: 10px 7px;}
#header ul li nav .items .caption{
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
    padding: 5px 0 5px 0;
    margin: 0 0 10px 0;
    letter-spacing: 1px;
}
#header ul li nav .items .caption a{color: #000000 !important;}
#header ul li nav .items a{color: #5E5E5E;display: block;margin: 12px 0;font-size: 14px !important;}
#header ul li nav .items a:hover{ color:#9f1623; }

/*手機版選單按鈕*/
#mobileMenu {
	 bottom:20px;
	 z-index: 999;
	 cursor: pointer;
	 display: none;
	 position:absolute;
	 top: 40%;
	 right: 10px;
	 width: 35px;
	 height: 30px;
	 font-size: 25px;
	 color: #FFC10B;
	 background: #FFC10B;
	 padding: 6px 8px;
	 border: 2px solid #FFFFFF;
	 cursor:pointer;
	 border-radius: 5px;
}
#mobileMenu span {
	 width: 15px;
	 height: 2px;
	 display: block;
	 background: #ffffff;
	 margin-top: 4px;
	 -webkit-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	 -moz-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	 -ms-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	 -o-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	 transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
}
.mobileMenu_spac {
	background: #fff !important
}
#mobileMenu span:first-child {
	margin-top: 0;
}
#mobileMenu .top {
	 position: absolute;
	 top: 10px;
	 -webkit-transform: rotate(225deg);
	 -moz-transform: rotate(225deg);
	 transform: rotate(225deg)
}
#mobileMenu .bottom {
	 position: absolute;
	 top: 10px;
	 margin-top: 0 !important;
	 -webkit-transform: rotate(-225deg);
	 -moz-transform: rotate(-225deg);
	 transform: rotate(-225deg)
}
#mobileMenu .middle {
	opacity: 0
}

.container{ position:relative; width:100%; max-width: 1200px; min-height:500px; margin: 0px auto;overflow: hidden;}
.container-full{position:relative;width:100%;min-height:500px;overflow: hidden;/* padding-bottom: 100px; */}
.container-full .wrap{max-width: 1000px;overflow:hidden;margin: 0px auto;}
.container-full.bg{background: url(../../images/container-bg.jpg) bottom center no-repeat;}

@media screen and (max-width : 1024px) {
	#mobileMenu{ display:block; }
	#header #linker{ padding:5px 60px 5px 10px; }
	#header .wrap .navigation .top nav{ display:none; }
	#header .wrap .navigation .bottom{ display:none; }
	#header #linker span{ display:none; }		
}
@media screen and (max-width : 480px) {
	#header .wrap .logo img{ max-width:280px; }
	#header .wrap .navigation{ background:none; height:110px; }
}


/*footer*/
#footer{width:100%;overflow:hidden;min-height:210px;background-color:#2d2d2d;padding: 30px 10px 0;background: #1b1b1b;background-size: cover;}
#footer .wrap{max-width: 1200px;width:100%;margin:0 auto;color:#ffffff;display:flex;padding: 0 0 25px 0;}
#footer .wrap .left{flex:1;/* display:flex; */align-items:center;/* justify-content: center; */}
#footer .wrap .left .logo{margin: 10px;vertical-align:middle;color: #FFFFFE;font-size: 28px;letter-spacing:4px;display:flex;align-items:center;/* justify-content: center; */font-family: 'Noto Sans TC', sans-serif;cursor:pointer;/* font-weight: normal; */}
#footer .wrap .left .logo img{ padding-right:30px; }
#footer .wrap .center{flex:1;margin: 8vh 0 2vh 0;}
#footer .wrap .center .contact-type{  }
#footer .wrap .center .contact-type .items{display: flex;font-size: 16px;padding: 2px 0;}
#footer .wrap .center .contact-type .lefter{
    width: 60px;
}
#footer .wrap .center .contact-type .lefter img{width: 35px;}
#footer .wrap .center .contact-type .righter{display: flex;align-items:center;justify-content: left;letter-spacing: 2px;}
#footer .wrap .center .contact-type .righter a{ color:#ffffff; }
#footer .wrap .right{flex: 1.2;text-align: right;}
#footer .wrap .contact-info{float:right;color:#9fd3c7;font-size:14px;display:flex;width: 100%;max-width: 650px;margin: 8vh 0 2vh 0;}
#footer .wrap .contact-info .contact-left,
#footer .wrap .contact-info .contact-right{flex:1;padding: 0;text-align: left;}
#footer .wrap .contact-info .items{display:flex;align-items: flex-start;letter-spacing: 2px;}
#footer .wrap .contact-info .items:not(:last-child){padding-bottom: 10px;}
#footer .wrap .contact-info .items .items-title{flex: 1;max-width: 100px;color: #cfcfcf;font-size: 16px;display: flex;justify-content: center;padding: 10px;background: #9b000a;border-radius: 10px;}
#footer .wrap .contact-info .items .items-title i{ padding-right:10px; }
#footer .wrap .contact-info .items .items-content{flex: 4;color: #cfcfcf;letter-spacing: 2px;word-break: break-all;line-height: 20px;font-size: 16px;padding: 5px 10px;}
#footer .wrap .contact-info .items .items-content:before{content: "";color:#7d7d7d;padding-right:15px;}

#copyright{position:relative;font-size: 12px;/* max-width:1400px; */width:100%;overflow: hidden;margin:0 auto;line-height:20px;background: #120908;color: #ababab;text-align: center;padding: 12px 10px 12px 10px;}
#copyright a{color: #ababab;text-decoration:none;}
#copyright a:hover{ text-decoration:underline; }



@media screen and (max-width: 1024px) {
	#footer .wrap{ display:block; }
	#footer .wrap .left{ margin-bottom:25px; }
	#footer .wrap .contact-info{margin: 10px 0;float:none;}
	#footer .wrap .contact-info .items .items-title{/* justify-content:unset; */min-width: 100px;}
	
	#footer .wrap .center{flex:1;margin: 2vh 0 2vh 0;}
	
	#copyright{text-align: center;}	
		
	
}

@media screen and (max-width: 768px) {
	#footer .wrap .contact-info{ display:block; }
	#footer .wrap .contact-info .items{padding-bottom:15px; }
	#footer .wrap .contact-info .items .items-content:before{ content:""; padding-right:0; }			
}

@media screen and (max-width: 480px) {
	#footer .wrap .left .logo{ font-size:20px; justify-content:center; }	
	#footer .wrap .center{ display:none; }
	#footer .wrap .left .logo img{ padding-right:0px; }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Index <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/*演藝項目*/
#index-show{width:100%;background:url(../../images/show-bg.jpg) center top no-repeat; background-size:cover; background-color:#161616;padding: 0 0 0px 0;}
#index-show .wrap .show-content{font-size: 18px;line-height: 25px;color: #ffffff;border-left: 5px solid #FFC10B;padding: 0 20px 0px 20px;margin: 20px 20px;}

#index-show .wrap{ width:100%; max-width:1200px; margin:0 auto; }
#index-show .wrap .show-list{display:flex;align-items:center;/* justify-content: center; */flex-wrap:wrap;}
#index-show .wrap .show-list .items{position:relative;flex: 0 30%;margin: 3% 1%;height: 430px;/*padding: 10px;*/}
#index-show .wrap .show-list .items .cover-border{
    border: 1px solid #3b3b3b;
    padding: 10px;

}
#index-show .wrap .show-list .items .cover{width:100%;height:280px;border: 1px solid #3b3b3b;}
#index-show .wrap .show-list .items .description{background: #9b000a;position:absolute;bottom: 0px;right: 0;left: 0;margin-left: auto;margin-right: auto;width: 90%;height: 160px;box-shadow: 0px 3px 10px #000000;}
#index-show .wrap .show-list .items .description .title{
    width: 100%;
    padding: 10px 15px;
    color: #9b000a;
    font-size: 18px;
    font-weight: bold;
    background: #ffb828;
}
#index-show .wrap .show-list .items .description .title:before{content:url(../../images/header-star-red.png);vertical-align: -15%;padding: 0 5px 0 0;}
#index-show .wrap .show-list .items .description .content{
    padding: 10px 15px;
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;
}
#index-show .wrap .show-list .items .description .pager{
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
	#index-show .wrap .show-list .items{ height:auto; }
	#index-show .wrap .show-list .items .description{ position:inherit; width:100%; height:auto; }
	#index-show .wrap .show-list .items .description .pager .btn-1{ margin:15px 0; }
}
@media screen and (max-width:800px) {
	#index-show .wrap .show-list .items{ flex:45%; }
}
@media screen and (max-width:480px) {
	#index-show .wrap .show-list .items{ flex:100%; }
}

/*關於我們*/
#index-about{bottom:0;width:100%;/* min-height: 855px; */background:url(../../images/about-bg-2024.jpg) no-repeat;background-size:cover;background-position-x:center;}
#index-about .container{/* padding-top: 5vw; *//* padding-bottom: 5vw; */z-index: 1;}
#index-about .index-about-content{max-width:600px;color: #ffffff;font-weight:bold;padding: 20px 0px !important;text-align: left;margin-bottom:20px;}
#index-about .container .form{max-width: 580px;padding: 20px 30px;text-align: center;float: right;background-color: rgba(0, 0, 0, 0.6);}
#index-about .container .index-about-caption{
    color: #ffffff;
    text-align: center;
    font-size: 48px;
    letter-spacing: 5px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 30px 0;
}

@media screen and (max-width: 1024px) {
	#index-about .container .form{ float:none; margin:0 auto; }
}
@media screen and (max-width: 480px) {
	#index-about .container .index-about-caption{ font-size:28px; }
}

/*聯絡我們*/
#index-contact{width:100%;background:url(../../images/contact-bg.jpg) center top no-repeat;background-size: cover;/* background-color:#161616; *//* padding: 0 0 100px 0; */}
#index-contact .wrap{ width:100%; max-width:1200px; margin:0 auto; background:url(../../images/contact-img-2024.png) right bottom no-repeat; }

#service-list{margin-top:5vw;display:flex;flex-wrap:wrap;width:100%;max-width: 1200px;padding:30px 0;margin:0 auto;border-bottom: 1px solid #ffc320;}
#service-list .items{flex: 1 20%;border: 1px solid #ffc320;}

#service-list .items.num1{border: 0;}
#service-list .items.num2{border-top:0;border-right:0;border-bottom: 0;}
#service-list .items.num3{border-top:0;border-right:0;border-bottom: 0;}
#service-list .items.num4{border-top: 0;border-right: 0;border-bottom: 0;}
#service-list .items.num5{ border-top:0; border-right:0; border-bottom:0;}
#service-list .items.num6{ border-top:0;border-right:0;border-bottom:0;}
#service-list .items{font-size: 18px;padding: 10px 20px;color: #ffffff;text-align: center;word-break: break-all;}
#service-list .items div{display:block;padding: 10px 0;font-size: 22px;font-weight: bold;}
#service-list .items div span{display: inline-block;padding: 10px 0 10px 0;font-size: 18px;font-weight: bold;line-height: 25px;}
#service-list .items div span a{ color:#ffffff; text-decoration:none; }

.contact-form{/* float:right; */width:100%;max-width: 725px;min-height:600px;margin: 0px 0;padding: 20px 30px;/* height: 400px; */}
.contact-form .tips{width: 100%;/* max-width: 540px; */font-size: 16px;padding: 20px 0;color: #ffffff;line-height: 25px;}
.contact-form .require{color: #ffffff;font-size: 18px;/* padding: 5px; *//* background: rgba(255, 255, 255, 0.7); */}
.contact-form .input-item{width:100%;display: flex;align-items:center;justify-content: center;background: transparent;margin: 25px 0;padding: 12px 10px;border: 1px solid #ffffff;/* border-left:5px solid #414345; */transition: all 0.5s ease;border-radius: 10px;}
.contact-form .input-item:hover{border:1px solid #ffffff; border-left:5px solid #cb333e;}
.contact-form .input-item .left{flex:1;color: #ffffff;font-size: 16px;font-weight: bold;letter-spacing: 1px;}
.contact-form .input-item .left span{color: #ffffff;width:13px;display:inline-block;}
.contact-form .input-item .right{flex: 5;padding: 0 30px; border-left: 1px solid #d5d5d5; }
.contact-form .input-item .right input{width:100%;font-size:16px;border:0;background:transparent;outline: 0;color: #ffffff;}
.contact-form .input-item .right textarea{width:100%;font-size:16px;height:150px;border:0;background:transparent;resize:none;color: #ffffff;outline: 0;}
.contact-form .input-item .right .rand-img{position:absolute;right: -28px;top: 3px;cursor:pointer}
.contact-form .pager{ text-align:right; }
.contact-form .pager .btn-1{ left:10px; }

#contact-info{ background:url(../../images/contact-bg.png) no-repeat; }
#contact-info .wrap{min-height:600px;display:flex; justify-content: space-between; flex-wrap:wrap; }
#contact-info .left{width:40%; padding:10px; }
#contact-info .left .css-table{ padding:10px; }
#contact-info .left .css-td:first-child{width: 20px; color:#71c6b2; }
#contact-info .left .css-td:nth-child(2){ width:40px; }
#contact-info .left .css-td{width:30px;padding: 15px 0;font-size: 16px;border-bottom: 1px dotted #cccccc;}
#contact-info .right{width:50%; padding:10px; }
#contact-info .right .map{width:100%;color:#385170;font-size:16px;display: flex;justify-content: flex-end;}
#contact-info .right .map .iframe{width:100%;/* max-width:500px; */height:400px;border:0;}

@media screen and (max-width : 1200px) {
	#contact-info .left{ flex:1; width:auto; }
	#contact-info .right{ flex:1; width:auto; }	
	.contact-form{ background:rgba(0, 0, 0, 0.8); margin:30px auto; }
}
@media screen and (max-width : 1024px) {
	#contact-info .wrap{ display:block; }
}

@media screen and (max-width: 768px) {	
	.contact-form .input-item .right{ flex:3; }
	#service-list .items{flex:1 40%; border:0; }
}
@media screen and (max-width : 480px) {
	.contact-form .input-item .right{ flex:1.5; }
	#contact-info .left .css-td:nth-child(2){ display:none; }
}

@media screen and (max-width: 380px) {	
	#service-list .items{flex:1 100%; border:0; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> About <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#inner-about{}
#inner-about .about-caption{
    font-size: 48px;
    padding: 30px 20px;
    margin: 30px 0;
    color: #ffb109;
    border-bottom: 1px solid #ffb109;
    display: inline-block;
	text-align:center;
}
#inner-about .about-content1{
	text-align:center;
    border-bottom: 1px dashed #ffffff;
    margin-bottom: 30px;
	text-align:center;
}

#inner-about .about-content2{
    margin-bottom: 30px;
	text-align:center;
}

@media screen and (max-width : 480px) {
	#inner-about .about-caption{ font-size:30px; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Service <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#service-area1{width:100%; background-color:#161616;padding: 0 0 100px 0;}
#service-area1 .wrap{ width:100%; max-width:1200px; margin:0 auto; }

#service-area2{width:100%; background-color:#232323;padding: 0 0 100px 0;}
#service-area2 .wrap{ width:100%; max-width:1200px; margin:0 auto; }

/*影音花絮*/
#inner-video{width:100%;overflow:hidden;margin: 30px auto 0 auto;}
#inner-video .video_area{width: 47.5%;margin: 20px 1%;display: inline-block;vertical-align: top;font-size: 18px;color: #ffffff;line-height: 25px;border: 1px solid #3b3b3b;padding: 20px;}
#inner-video .video_area .title{color:#ffffff;font-weight:bold;font-size: 16px;padding: 15px 0 0 0;}
#inner-video .video_area .title:before{content:url(../../images/header-star.png);vertical-align: middle;padding: 0 10px 0 0px;}

::before {}
#inner-video .video_area .title a{ /*color:#000000; text-decoration:none;*/ }

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

#inner-service .editor{ padding:5vw 20px; }
#inner-service .line{ border-bottom:1px solid #dcbc8a; width:100%; height:1px; margin:5vw 0; }


/*照片*/
.flex_gallery{ position:relative; }
.flex_gallery_mask{ opacity: 0; position:absolute; width:100%; height:100%; top:0; left:0; background-color: rgba(0,0,0, 0.7); color:#FFF;  display:flex; align-items:center;}
.flex_gallery:hover .flex_gallery_mask{ opacity: 1; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; cursor:pointer; cursor:hand; }
.flex_gallery_border{/* border:1px solid #FFF; *//* margin: 10px; *//* width: 100%; *//* height: 100%; */margin:0 auto;display:flex;align-items:center;}



@media screen and (max-width : 768px) {
	#inner-video .video_area{width:100%;margin: 20px 0;}	
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Bxslider <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

ul.bxslider { margin:0; padding:0; }
#home_banner {margin-top: 125px;/*display: inline-block;*/width: 100%;overflow: hidden;position: relative;background:#f3f8fb;}

#home_banner ul{ list-style:none; }
#home_banner li { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;}
#home_banner img { display: none; }
#home_banner .bxslider { opacity: 0; }
#home_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #home_banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ffb109;border: 1px solid #ffffff;}
#home_banner .bx-wrapper .bx-pager.bx-default-pager a {background-color: white;border:1px solid #ccc;width: 15px;height: 15px;margin: 0 8px;border-radius: 50%;box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1);}
#home_banner .bx-wrapper .bx-pager { bottom: 32px; opacity: 1; }
#home_banner .bx-wrapper .bx-controls-direction{ opacity: 0; }
#home_banner .word { font-size: 15px; position: absolute; margin-left: -187px; margin-top: -116px; left: 50%; top: 50%; color: #673D3A; letter-spacing: 25px; opacity: 0.2; }
#home_banner .word b { font-weight: bold; }
#home_banner .down { position: absolute; right: 30px; bottom: 32px; width: 34px; height: 28px; z-index: 99; cursor: pointer; opacity: 0; }
#home_banner .down img { display: block; }
#home_banner .bx-prev{ left:5%; }
#home_banner .bx-next{ right:5%; }


/* line 84, scss/_header.scss */
.headerTitleContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  /*
  @media only screen and (max-width: 640px), screen and (max-height: 900px) {     
  	.headline {
  		margin: 13rem auto 0 auto;
  	}
  }
  @media only screen and (min-width: 641px) and (max-width: 768px) {
  	.headline {
  		margin: 10rem auto 0 auto;
  	}
  }
  */
}
/* line 90, scss/_header.scss */
.headerTitleContainer .headline {
  text-align: center;
  margin: 18.5rem auto 0 auto;
  width: 90%;
  font-size: 36px;
  max-width: 800px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 8px;
  /* border-bottom: 1px solid #ffffff; */
  /* background-color:rgba(0, 0, 0, 0.5); */
  padding:10px 0;
}

.headerTitleContainer a{ 
  text-decoration:none;
}

.headerTitleContainer .headline p{
    padding: 20px 0 20px 0px;
    font-size: 60px;
    letter-spacing: 5px;
}

.headerTitleContainer .headline h2{
    letter-spacing: 3px;
    color: #F4D885;
}

/* line 96, scss/_header.scss */
.headerTitleContainer .button, .headerTitleContainer .headerButton {
  display: none;
}


@media screen and (max-width : 1024px) {
	
	#home_banner .bx-controls-direction
	{
		display:none;	
	}
	
	#home_banner .bx-wrapper .bx-pager.bx-default-pager a {
		 width: 15px;
		 height: 15px;
	}
	#home_banner, #home_banner li {
		max-height: 700px;
		height: 700px;
		/*margin-top: 75px;*/
	}
}

@media only screen and (max-width: 1024px) {
  /* line 104, scss/_header.scss */
  .headerTitleContainer .headline {
    margin: 18r.5em auto 0 auto;
    font-size: 20px;
  }
  .headerTitleContainer .headline p{ font-size:30px; padding:5px 0; }  
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  /* line 110, scss/_header.scss */
  .headerTitleContainer .headline {
    margin: 7rem auto 0 auto;
  }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Mobile Menu <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/


body { transition: background-color .2s; }
#wrapper { transition: margin-left .2s; }
.sidenav {display:flex;flex-direction: column;height: 100%;overflow:hidden;width: 0;position: fixed;z-index: 99999;top: 0;right: 0;background-color: rgba(255, 255, 255, 1);overflow-x: hidden;transition: 0.2s;/*padding-top: 60px;*/box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.sidenav .closebtn {font-size: 25px;position: absolute;top: 25px;right: 10px;color: #B10000;}

.sidenav .head {width:100%;position: relative;overflow:hidden;/* text-align: center; */padding: 3px 0 3px 15px;border-top: 3px solid #B10000;border-bottom: 1px solid #ebebeb;background: #ffffff;}
.sidenav .head img{max-width: 200px;}

.sidenav .menu-top{background: #ffffff;}
.sidenav .menu-bottom{width: 100%;height: 100%;background: #ebebeb;padding: 20px 0 10px 0;display: flex;align-items: flex-end;justify-content: center;}
.sidenav .menu-bottom .search{padding:10px 20px;}
.sidenav .menu-bottom .search .items{
    margin: 20px 0;
    display:flex;
}
.sidenav .menu-bottom .search .items .lefter{
	flex: 1;
	width: 80px;
	font-size: 16px;
	color: #3c3c3c;
	display: flex;
	align-items:center;
	justify-content: center;
}
.sidenav .menu-bottom .search .items .lefter i{color: #0557A1;padding-right:8px;}
.sidenav .menu-bottom .search .items .righter{flex: 1;padding: 0 0 0 10px;}
.sidenav .menu-bottom .search .items .righter .search-items{ display:flex;}
.sidenav .menu-bottom .search .items .righter .search-items .input{flex: 1;}
.sidenav .menu-bottom .search .items .righter .search-items .input input[type="text"]{border:0;outline: 0;max-width: 100px;padding: 15px;-webkit-border-top-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-bottomleft: 20px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.sidenav .menu-bottom .search .items .righter .search-items .button{flex:1;background: #0557A1;color: #ffffff;padding: 15px 20px;-webkit-border-top-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-bottomright: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}

.sidenav .menu-bottom .community{padding: 10px 5px;text-align: center;}
.sidenav .menu-bottom .copyright a{color: #939797;text-decoration:none;}
.sidenav .menu-bottom .copyright a:hover{ text-decoration:underline; }

@media screen and (max-height: 450px) {
 .sidenav {padding-top: 15px;}
 .sidenav a {font-size: 18px;}
}
/*選單 - 選項*/
#ajax-sidenav > div {position:relative;width: 100%;border-left: 5px solid #B10000;border-bottom: 1px solid #ebebeb;color: #333;padding: 15px 25px;font-weight: bold;line-height:20px;box-sizing:border-box;/* cursor: pointer; */cursor: hand;font-size: 18px;letter-spacing: 3px;cursor: pointer;}
#ajax-sidenav > div:before {/*content:url(../../images/header-icon.png);vertical-align:0; padding-right:10px;color: #000000;*/}
#ajax-sidenav > div i {position:absolute;right: 15px;top: 17px;color: #B10000;cursor: pointer;}
#ajax-sidenav > div.title { background: #b19bb5; color: #ffffff; }
#ajax-sidenav > div:hover { /*color:#57708e;*/ }
#ajax-sidenav > div span { position:absolute; right:0; top: 0; display:block; padding: 15px 20px; border-left: 1px solid #ebebeb;/* border-right: 1px solid #ebebeb; */ }
#ajax-sidenav > div.nav {background: #ffffff;border-bottom: 1px solid #ebebeb;color: #ffffff;font-weight: bold;}
#ajax-sidenav > div.nav:before { content:""; padding-right:0px; }
#ajax-sidenav > div img { vertical-align:middle; padding-right:8px; }
.submenu-nav { width: 100%; overflow:hidden; display:none; background-color: #FFFFFF; }
.submenu-nav div {position:relative;font-size: 14px;background: #ffffff;line-height: 20px;border-bottom: 1px solid #ebebeb!important;padding: 18px 30px 18px 55px !important;/* cursor:pointer; */}
.submenu-nav div:before{position: absolute;left: 30px;top: 20px;font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f111";color: #e2e2e2;padding-right: 8px;}
.submenu-nav div a{font-size: 14px;color: #333333 !important;}
.submenu-nav div i{position:absolute;top:20px;right: 16px;color: #ffffff; cursor:pointer;}
.submenu-nav.layer3 div{padding: 18px 10px 18px 80px !important;}
.submenu-nav.layer3 div:before{position: absolute;left: 55px;top: 20px;font-family: "Font Awesome 5 Free";font-weight: 100;content: "\f111";color: #e2e2e2;padding-right: 8px;}

.jq-submenu a {color: #333333;} 

.submenu2{background:#ebebeb !important;border-left: 5px solid #9B7354;}
.submenu3{background:#f5f5f5 !important;border-left: 5px solid #9B7354;}

.copyright{text-align: center;color: #939797;line-height: 18px;padding-bottom: 20px;}
.copyright a{color: #ffffff;}
.copyright a:hover{text-decoration: underline;}

@media screen and (max-height: 450px) {
 .sidenav { padding-top: 15px;}

 .sidenav a { font-size: 18px;}
}

/*搜尋*/
.jq-submenu.srh{position:relative;padding:0 !important;}
.jq-submenu.srh .srh-btn{position:absolute;right: 30px;top: 20px;}
.jq-submenu.srh input[type="text"]{
	/* max-width:218px; */
	background: #999999;
	-webkit-appearance: none;
	border-radius: 0;
	width: 100%;
	height: 50px;
	border:0;
	font-size: 14px;
	padding: 0 50px 0 25px;
	box-sizing: border-box;
	letter-spacing:1px;
	color: #ffffff;
	outline:0;
}


.jq-submenu.nav{ border-left:0 !important; }
.jq-submenu.nav i{ position:initial !important; padding-right:8px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 顯示 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


@media screen and (max-width: 768px) {

	.none-b{ display:none !important; }
}
@media screen and (max-width: 600px) {
	.none-m{ display:none !important; }
}

@media screen and (max-width: 480px) {
	.none-s{ display:none !important; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Triangle <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.triangle-top{
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;

  position: absolute;
  top: 30px;
  border-bottom: 10px solid #ffffff;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Placeholder <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


::placeholder { /* CSS 3 標準 */

  color: #e56464;

}

::-webkit-input-placeholder { /* Chrome, Safari */

  color: #e56464;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #e56464;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #e56464;

  opacity: 1;

}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common Animation <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*區塊位移效果*/
.transImg{
	transition: 0.3s;
}
.transImg:hover{
	transform: translateY(-5px);
}

@keyframes widthGroup-1 {
    0% { width: 0; }	
    100%   { width: 50px; }
}

.scaleZoom {
	-webkit-animation: scaleZoom 2s ease both;
	animation: scaleZoom 2s ease both;
}
@-webkit-keyframes scaleZoom {
	from { opacity: 0; -webkit-transform: scale(1.2); }
}
@keyframes scaleZoom {
	from { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}


/*區塊位移效果*/
.transImg{
	transition: 0.3s;
}
.transImg:hover{
	transform: translateY(-5px);
}
	
/*image zoom*/
.photo-zoom {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.photo-zoom img {
  display: block;
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.photo-zoom:hover img {

  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
	
/*------image mask--------*/
.photo-mask{opacity:0;position:absolute;left:0;bottom:0;color:#ffffff;width:100%;height:100%;background-color:rgba(35, 35, 35, 0.9);letter-spacing:3px;text-align:center;padding:4vw; box-sizing:border-box; line-height:22px;-webkit-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;}
.photo-mask-content{ width:100%; height:100%; display:flex; align-items:center; justify-content: center; }
.photo-mask .line{border:1px solid #FFFFFF;}
.gallery{ position:relative; }
.gallery .photo-mask{ opacity:0; cursor:pointer; }
.gallery:hover .photo-mask{ opacity:1; }
.gallery:hover .title{ opacity:0; }	
	



/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position:relative; height: 100%; width: 0%; position: fixed; overflow:auto; top: 0; left: 0; overflow:auto; background-color:rgba(0, 0, 0, 0.5); z-index:100000000 }
.Loadaction {width: 220px;height: 60px;top: 42%;position: absolute;margin-left: auto;margin-right: auto;padding-top: 10px;left: 0;right: 0;background-color:rgba(0, 0, 0, 0.5);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.Actionupload_Text {font-size:13px;color:#FFFFFF;height: 25px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.pageselect{border:1px solid #CCCCCC;padding: 4px 5px;font-size:12px;}
.pageselect:hover{ background:#ebebeb; }
a.pagelink_no{color: #ffffff;text-decoration:none;border: 1px solid #cccccc;padding: 7px 5px;display: inline-block;margin: 5px 0;}
a.pagelink_no:hover{ background:#ebebeb; }
a.pagelink{color: #ffffff;text-decoration:none;border: 1px solid #CCCCCC;padding: 5px 10px;}
a.pagelink:hover{ background:#ebebeb; }
a.pagelink_ch{color:#333333;padding: 5px 10px;border: 1px solid #ffffff;background: #ebebeb;text-decoration:none;}

.installment{ background: #EEE; padding: 5px 15px 15px 15px; border-radius: 5px; margin-top: 10px;}
.installment .title{ font-size: 16px; padding: 10px 0 10px 0; color: #666;}
.installment .content{ border-left: 2px solid #aaa; color: #aaa; padding: 3px 0 3px 5px;}
.installment .separate{ margin: 15px 0 5px 0; border-top: 2px solid #aaa; padding: 10px 0 0 0; letter-spacing: 2px; }
.installment .separate a{ color: #a40000; }
.installment .separate a:hover{ text-decoration: underline; }

#bank_info{ border: 10px solid #999; padding: 10px; font-size: 16px; position: absolute; z-index: 1000; background: #ffffff; line-height: 25px; margin: 0 2% 0 0; }


/*表格樣式*/
#table-1 {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#table-1 td, #table-1 th {
  border: 1px solid #ddd;
  padding: 5px;
}

#table-1 tr:nth-child(even){background-color: #f2f1f1;}

#table-1 tr:hover {background-color: #ddd;}

#table-1 th {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #F4F4D9;
  color: white;
}