@charset "utf-8";
/*slogan 瀏覽器寬度小於960px隱藏*/
@media screen and (max-width:960px){
.cct-slogan {display:none;}
}

body {background-color:#6a5acd;}

.clearboth {clear:both;}
.display-none {display:none;}
/*top-banner 橫幅圖片*/
.top-banner {width:100%;height:500px;background:url(../imgs/top-bg.png) #f9d952 no-repeat;background-position:center center;position:relative;}
.cct-slogan {background:url(../imgs/cct-slogan.png) no-repeat;width:400px;height:460px;position:absolute;top:20px;left:10%;z-index:1;}
/*nav 導覽列*/
.nav-bg {background:#C03 url(../imgs/nav-bg.png);display:block;height:70px;}
/*logo*/
.logo-chih-ching {width:270px;height:70px;background:url(../imgs/logo.png) no-repeat;background-size: 100%;background-position:0px 5px;float:left;margin-left:16%;}
.logo-chih-ching a {border:none;display:block;height:70px;}
/*login 登入*/
.login {float:right;color:#FCC;letter-spacing:3px;margin-right:16%;}
.login a {color:#FCC;text-decoration:none;line-height:70px;}
.login a:hover {color:#FFF;}
/*nav-list 導覽按鈕*/
.nav-list {display:inline;float:left;}
.nav-list ul {padding:0 0 0 40px;margin:0;}
.nav-list li {display:inline;margin:0 10px;line-height:70px;}
.nav-list li a {text-decoration:none;color:#FFF;}
.nav-list li a:hover {color:#FFC;}
/*container-fluid 內容框架 100%寬*/
.container-fluid {background-color:#722135;width:100%;box-shadow: inset 0 0 10px #541827;clear:both;margin:0;padding:20px;}
/*container 內容 固定寬*/
.container {background-color:#FFF;min-height:350px;margin:0 auto;padding:30px;box-shadow:2px 2px 10px #4e2135;}
.container p {text-indent:2em;}
/*about 宗旨*/
.about-photo img {width:100%;}
.about-origin {}
.container .about-wish {font-size:1.5em;color:#F33;text-align:center;}
.container .about-wish p {text-indent:0em;}
/*container-subj 內容主題*/
.container-subj {font-size:2em;color:#000;border-bottom:2px solid #e3e3e3;margin-bottom:20px;text-indent:0.7em;letter-spacing:0.5em;border-left:10px solid #e3e3e3;}
/*page-path 路徑*/
.page-path {text-align:right;float:right;margin-top:15px;color:#666;font-size:0.9em}
.page-path a {text-decoration:none;color:#666;}
.page-path a:hover {color:#C66;}
/*index-slide 首頁圖片輪播*/
.index-slide {}
.index-slide img {width:100%;margin:5px;border:1px solid #888;}
/*footer 網站資訊*/
footer {color:#999;line-height:130%;text-align:center;padding:20px;}

/*page-list 標題頁*/
.page-list {float:right;width:70%;}
.page-list ul {}
.page-list li {color:#C66;padding:8px 0;}
.page-list li a {text-decoration:none;color:#333;}
.page-list li a:hover {color:#C06;}
/*sec-nav 次選單*/
.sec-nav {float:left;width:26%;}
.sec-nav ul {margin:0;padding:0;border:1px solid #f3e1de;}
.sec-nav li {list-style-type:none;border-bottom:1px solid #f3e1de;}
.sec-nav li a {display:block;padding:8px 20px 8px 20px;text-decoration:none;color:#666;}
.sec-nav li a:hover {background-color:#f3e1de;color:#C66;}
/*content-area 內頁內容*/
.content-area {}
/*goback 返回上一頁*/
.goback {margin-top:30px;text-align:right;}
.goback a {display:inline-block;padding:10px 20px;border:1px solid #CCC;border-radius:10px;text-decoration:none;color:#777;}
.goback a:hover {border:1px solid #C66;color:#C66;}
/*member-login 會員登入*/
.member-login {}
/*相簿-上一頁、下一頁,指定箭頭符號圖片尺寸*/
.album-next-arrow-size svg {width:30px;}