/* CSS Document */


* {

    margin: 0;

    padding: 0;

    font-size: inherit;

}


html {

    font-size: 62.5%;

}


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

	通用樣式

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

body {

    /*font-family: "Verdana","Arial","新細明體", "細明體", "Times New Roman";*/
    font-family: 'Microsoft YaHei', 'SimHei', sans-serif !important;


    background-color: #d6ebf3 !important;

    font-size: 1.6rem !important;

    color: #5c4830 !important;

}

article ul {
    margin-left: 30px;
}

a:link, a:visited {

    color: #7D291A;

    text-decoration: none;

}

a:hover {

    text-decoration: underline;

}


.left-aside ul {
    list-style-type: none;
}


img {

    vertical-align: bottom;

    display: block;

    border: 0;

}

a, map, area, img {
    border: 0;
}

.img-right {

    float: right;

    margin: 0 0 10px 20px;

}


.img-left {

    float: left;

    margin: 0 20px 10px 0;

}

.img-th {

    float: left;

    margin-right: 5px;

}


.img-center {

    margin: 0 auto;

}


.left {

    text-align: left;

}


.right {

    text-align: right;

}


.center {

    text-align: center;

}


.clearfix {

    clear: both;

}


.container {

    margin: 0 auto;

    width: 1200px;

    filter: progid:DXImageTransform.Microsoft.Shadow(color='#6db6cb', Direction=135, Strength=5); /*for ie6,7,8*/

    -moz-box-shadow: 0 0 15px #6db6cb;

    -webkit-box-shadow: 0 0 15px #6db6cb;

    box-shadow: 0 0 15px #6db6cb;

    background-color: #fff;

}


.container-fluid {

    margin: 0 auto;

    width: 100%;

}


.border-right {
    border-right: 3px #75d7fe double;
}


.border-left {
    border-left: 3px #75d7fe double;
}


.border-bottom {
    border-bottom: 3px #75d7fe double;
}


.border-top {
    border-top: 3px #75d7fe double;
}


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

	頭部

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

.top-header {

    height: 385px;

    background: url(../images/top_menu_bg.jpg);

}

.buddhism-header, .arts-header, .educate-header {

    height: 421px;

}


.buddhism-index-header {

    height: 388px;

}


.solemn-header {

    height: 455px;

}


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

	Logo

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

.chilin-logo {

    float: right;

}


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

	導航

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

.top-menu {

    float: left;

    height: 114px;

}


.top-menu ul {

    margin-left: 60px;

}


.top-menu ul li {

    display: inline;

    float: left;

    margin-right: 10px;

}


.second-menu {

    clear: both;

    height: 45px;

    background: url(../images/second_menu_bg.jpg);

}


.second-menu ul li {

    float: left;

    display: inline;

}


.second-menu ul li ul {

    line-height: 40px;

    height: 40px;

    padding-left: 15px;

    padding-right: 15px;

    display: none;

    width: 820px;

    background: rgba(255, 255, 255, 0.5) !important;


}

.second-menu ul li ul li {

    background: rgba(255, 255, 255, 0.5) !important;

    color: black;

    padding-left: 5px;

    padding-right: 5px;

    display: inline;

    font-size: 16px;

    color: #695136;

}

.second-menu ul li ul li a {

    color: #695136;

}

.second-menu ul li {

    position: relative;

    float: left;

}

.second-menu ul li:hover ul {

    display: block;

    position: absolute;

    top: 45px;

    left: -100px;

}


.second-menu ul li ul.current {

    margin-left: 90px;

    width: 150px;

}


.second-menu ul li ul.lecturers {

    margin-left: 30px;

    width: 270px;

}


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

	Banner

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

.banner {

    width: 1200px;

    height: 226px;

    clear: both;

}

.buddhism-banner, .arts-banner, .educate-banner {

    width: 1200px;

    height: 226px;

}


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

	三級導航

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

.nav3 {

    position: relative;

    padding-top: 8px;

    padding-left: 40px;

    font-size: 1.4rem;

    height: 36px;

    letter-spacing: 1.5px;

    background: url(../images/path_bg.png) no-repeat;

}


.nav3 ul li {

    float: left;

    display: inline;

    padding-left: 20px;

    padding-right: 20px;

    height: 26px;

    background: url(../images/nav3_icon.png) no-repeat;

    background-position: left bottom 3px;

}

.nav3 ul li a {

    padding-left: 10px;

    margin-top: 2px;

}


.nav3 img {

    display: inline-block;

}


.nav3 ul li a.active {

    color: #fe3d7c;

}

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

	側邊欄

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

.left-aside {

    float: left;

    padding-top: 36px;

    padding-left: 25px;

    width: 165px;

    margin-top: -8px;

    height: 972px;

}


.left-aside-bg-yellow {

    background: linear-gradient(to right, rgba(250, 246, 199, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), linear-gradient(to left, rgba(250, 246, 199, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -moz-linear-gradient(to right, rgba(250, 246, 199, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -moz-linear-gradient(to left, rgba(250, 246, 199, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -webkit-linear-gradient(to right, rgba(250, 246, 199, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -webkit-linear-gradient(to left, rgba(250, 246, 199, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -o-linear-gradient(to right, rgba(250, 246, 199, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -o-linear-gradient(to left, rgba(250, 246, 199, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -ms-linear-gradient(to right, rgba(250, 246, 199, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -ms-linear-gradient(to left, rgba(250, 246, 199, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

}


.left-aside-bg-orange {

    background: linear-gradient(to right, rgba(248, 230, 200, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), linear-gradient(to left, rgba(248, 230, 200, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -moz-linear-gradient(to right, rgba(248, 230, 200, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -moz-linear-gradient(to left, rgba(248, 230, 200, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -webkit-linear-gradient(to right, rgba(248, 230, 200, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -webkit-linear-gradient(to left, rgba(248, 230, 200, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -o-linear-gradient(to right, rgba(248, 230, 200, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -o-linear-gradient(to left, rgba(248, 230, 200, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -ms-linear-gradient(to right, rgba(248, 230, 200, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -ms-linear-gradient(to left, rgba(248, 230, 200, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

}


.left-aside-bg-pink {

    background: linear-gradient(to right, rgba(250, 225, 225, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), linear-gradient(to left, rgba(250, 225, 225, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -moz-linear-gradient(to right, rgba(250, 225, 225, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -moz-linear-gradient(to left, rgba(250, 225, 225, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -webkit-linear-gradient(to right, rgba(250, 225, 225, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -webkit-linear-gradient(to left, rgba(250, 225, 225, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -o-linear-gradient(to right, rgba(250, 225, 225, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -o-linear-gradient(to left, rgba(250, 225, 225, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -ms-linear-gradient(to right, rgba(250, 225, 225, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -ms-linear-gradient(to left, rgba(250, 225, 225, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

}


.left-aside-bg-rose {

    background: linear-gradient(to right, rgba(251, 227, 239, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), linear-gradient(to left, rgba(251, 227, 239, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -moz-linear-gradient(to right, rgba(251, 227, 239, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -moz-linear-gradient(to left, rgba(251, 227, 239, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -webkit-linear-gradient(to right, rgba(251, 227, 239, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -webkit-linear-gradient(to left, rgba(251, 227, 239, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -o-linear-gradient(to right, rgba(251, 227, 239, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -o-linear-gradient(to left, rgba(251, 227, 239, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -ms-linear-gradient(to right, rgba(251, 227, 239, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -ms-linear-gradient(to left, rgba(251, 227, 239, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

}


.left-aside-bg-purple {

    background: linear-gradient(to right, rgba(227, 207, 231, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), linear-gradient(to left, rgba(227, 207, 231, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -moz-linear-gradient(to right, rgba(227, 207, 231, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -moz-linear-gradient(to left, rgba(227, 207, 231, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -webkit-linear-gradient(to right, rgba(227, 207, 231, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -webkit-linear-gradient(to left, rgba(227, 207, 231, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -o-linear-gradient(to right, rgba(227, 207, 231, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -o-linear-gradient(to left, rgba(227, 207, 231, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -ms-linear-gradient(to right, rgba(227, 207, 231, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -ms-linear-gradient(to left, rgba(227, 207, 231, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

}


.left-aside-bg-indigo {

    background: linear-gradient(to right, rgba(207, 214, 230, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), linear-gradient(to left, rgba(207, 214, 230, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -moz-linear-gradient(to right, rgba(207, 214, 230, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -moz-linear-gradient(to left, rgba(207, 214, 230, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -webkit-linear-gradient(to right, rgba(207, 214, 230, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -webkit-linear-gradient(to left, rgba(207, 214, 230, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -o-linear-gradient(to right, rgba(207, 214, 230, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -o-linear-gradient(to left, rgba(207, 214, 230, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -ms-linear-gradient(to right, rgba(207, 214, 230, 0.6) 5%, rgba(255, 255, 255, 0.2) 20%), -ms-linear-gradient(to left, rgba(207, 214, 230, 0.6) 5%, rgba(255, 255, 255, 0.0) 20%);

}


.left-aside-bg-blue {

    background: linear-gradient(to right, rgba(114, 193, 234, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), linear-gradient(to left, rgba(114, 193, 234, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -moz-linear-gradient(to right, rgba(114, 193, 234, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -moz-linear-gradient(to left, rgba(114, 193, 234, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -webkit-linear-gradient(to right, rgba(114, 193, 234, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -webkit-linear-gradient(to left, rgba(114, 193, 234, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -o-linear-gradient(to right, rgba(114, 193, 234, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -o-linear-gradient(to left, rgba(114, 193, 234, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -ms-linear-gradient(to right, rgba(114, 193, 234, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -ms-linear-gradient(to left, rgba(114, 193, 234, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

}


.left-aside-bg-lake {

    background: linear-gradient(to right, rgba(114, 216, 219, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), linear-gradient(to left, rgba(114, 216, 219, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -moz-linear-gradient(to right, rgba(114, 216, 219, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -moz-linear-gradient(to left, rgba(114, 216, 219, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -webkit-linear-gradient(to right, rgba(114, 216, 219, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -webkit-linear-gradient(to left, rgba(114, 216, 219, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -o-linear-gradient(to right, rgba(114, 216, 219, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -o-linear-gradient(to left, rgba(114, 216, 219, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -ms-linear-gradient(to right, rgba(114, 216, 219, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -ms-linear-gradient(to left, rgba(114, 216, 219, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

}


.left-aside-bg-green {

    background: linear-gradient(to right, rgba(157, 224, 196, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), linear-gradient(to left, rgba(157, 224, 196, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -moz-linear-gradient(to right, rgba(157, 224, 196, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -moz-linear-gradient(to left, rgba(157, 224, 196, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -webkit-linear-gradient(to right, rgba(157, 224, 196, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -webkit-linear-gradient(to left, rgba(157, 224, 196, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -o-linear-gradient(to right, rgba(157, 224, 196, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -o-linear-gradient(to left, rgba(157, 224, 196, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -ms-linear-gradient(to right, rgba(157, 224, 196, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -ms-linear-gradient(to left, rgba(157, 224, 196, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

}


.left-aside-bg-light-green {

    background: linear-gradient(to right, rgba(152, 222, 162, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), linear-gradient(to left, rgba(152, 222, 162, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -moz-linear-gradient(to right, rgba(152, 222, 162, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -moz-linear-gradient(to left, rgba(152, 222, 162, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -webkit-linear-gradient(to right, rgba(152, 222, 162, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -webkit-linear-gradient(to left, rgba(152, 222, 162, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -o-linear-gradient(to right, rgba(152, 222, 162, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -o-linear-gradient(to left, rgba(152, 222, 162, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

    background: -ms-linear-gradient(to right, rgba(152, 222, 162, 0.3) 5%, rgba(255, 255, 255, 0.2) 20%), -ms-linear-gradient(to left, rgba(152, 222, 162, 0.3) 5%, rgba(255, 255, 255, 0.0) 20%);

}


.left-menu {

    width: 137px;

    border-radius: 10px;

    border: 1px solid #7EB8DF;

}


.left-menu ul {

    display: block;

    margin-top: 1px;

    margin-bottom: 1px;

    margin-left: 1px;

    width: 133px;

    border-radius: 10px;

    border: 1px #A77B16 double;

}


.left-menu ul li {

    height: 38px;

    border-bottom: 1px solid #999999;

}


.left-menu ul li:first-child {

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}


.left-menu ul li:last-child {

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}


.left-menu-bg-yellow {

    background-color: #fffaaf;

}


.left-menu-bg-yellow:hover {

    background-color: #faf083;

}


.left-menu-bg-orange {

    background-color: #ffd185;

}


.left-menu-bg-orange:hover {

    background-color: #edb052;

}


.left-menu-bg-pink {

    background-color: #ffb8b8;

}


.left-menu-bg-pink:hover {

    background-color: #e88d85;

}


.left-menu-bg-rose {

    background-color: #f3aed1;

}


.left-menu-bg-rose:hover {

    background-color: #dc81ab;

}


.left-menu-bg-lake {

    background-color: #7bdde3;

}


.left-menu-bg-lake:hover {

    background-color: #4ac5c8;

}


.left-menu-bg-green {

    background-color: #85e3c3;

}


.left-menu-bg-green:hover {

    background-color: #55cf9d;

}


.left-menu-bg-light-green {

    background-color: #a1e1b1;

}


.left-menu-bg-light-green:hover {

    background-color: #7ad28d;

}


.left-menu-bg-light-green:hover {

    background-color: #7ad28d;

}


.left-menu-bg-purple {

    background-color: #e2baec;

}

.left-menu-bg-purple:hover {
    background-color: #dd9bed;
}

.left-menu-bg-blue {

    background-color: #7dcbf1;

}

.left-menu-bg-blue:hover {
    background-color: #4bbaf0;
}

.left-menu-bg-indigo {
    background-color: #afc2ec;
}


.left-menu-bg-indigo:hover {
    background-color: #8facee;
}


.left-submenu-bg-yellow {
    background-color: #faf6c7;
}

.left-submenu-bg-light-green {
    background-color: #d5f6dc;
}

.left-submenu-bg-orange {
    background-color: #f8dfb6;
}

.left-submenu-bg-blue {
    background-color: #bae9ff;
}

.left-submenu-bg-rose {
    background-color: #fad1e5;
}

.left-submenu-bg-green {
    background-color: #cbfdd7;
}

.left-submenu-bg-purple {
    background-color: #f6defa;
}

.left-submenu-bg-lake {
    background-color: #d2f7f9;
}

.left-submenu-bg-pink {
    background-color: #fbdddc;
}

.left-submenu-bg-indigo {
    background-color: #d5e2fb;
}

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

	主內容區域

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

.content {

    overflow: auto;

}


.content-bg {

    background: url("../images/content_bg_left_bottom.png") no-repeat left bottom,
    url("../images/content_bg_top_right.png") no-repeat top right;

}


.main {

    position: relative;

    margin: 20px 0px 20px 214px;

    width: 960px;

    height: 950px;

    font-size: 1.7rem;

    overflow: hidden;

}


.main-border {
    border: 3px double #98C8F1;
}


.main-bg-yellow {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(250, 246, 199, 0.6));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(250, 246, 199, 0.6));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(250, 246, 199, 0.6));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(250, 246, 199, 0.6));

    background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(250, 246, 199, 0.6));

}


.main-bg-orange {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(248, 229, 197, 0.6));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(248, 229, 197, 0.6));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(248, 229, 197, 0.6));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(248, 229, 197, 0.6));

    background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(248, 229, 197, 0.6));

}


.main-bg-pink {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(250, 221, 221, 0.6));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(250, 221, 221, 0.6));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(250, 221, 221, 0.6));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(250, 221, 221, 0.6));

    background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(250, 221, 221, 0.6));

}


.main-bg-rose {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(251, 219, 236, 0.6));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(251, 219, 236, 0.6));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(251, 219, 236, 0.6));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(251, 219, 236, 0.6));

    background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(251, 219, 236, 0.6));

}


.main-bg-purple {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(231, 212, 235, 0.6));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(231, 212, 235, 0.6));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(231, 212, 235, 0.6));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(231, 212, 235, 0.6));

    background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(231, 212, 235, 0.6));

}


.main-bg-indigo {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(187, 199, 226, 0.6));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(187, 199, 226, 0.6));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(187, 199, 226, 0.6));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(187, 199, 226, 0.6));

    background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(187, 199, 226, 0.6));

}


.main-bg-blue {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(170, 211, 233, 0.4));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(170, 211, 233, 0.4));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(170, 211, 233, 0.4));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(170, 211, 233, 0.4));

    background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(170, 211, 233, 0.4));

}


.main-bg-lake {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(144, 215, 217, 0.4));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(144, 215, 217, 0.4));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(144, 215, 217, 0.4));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(144, 215, 217, 0.4));

    background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(144, 215, 217, 0.4));

}


.main-bg-green {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(153, 225, 194, 0.4));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(153, 225, 194, 0.4));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(153, 225, 194, 0.4));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(153, 225, 194, 0.4));

    background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(153, 225, 194, 0.4));

}


.main-bg-light-green {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(153, 225, 194, 0.4));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(153, 225, 194, 0.4));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(152, 222, 162, 0.4));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(153, 225, 194, 0.4));

    background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(153, 225, 194, 0.4));

}


.main-border-yellow {

    -moz-box-shadow: 0 0 80px #faf6c7;

    -webkit-box-shadow: 0 0 80px #faf6c7;

    box-shadow: 0 0 80px #faf6c7;

}


.main-border-orange {

    -moz-box-shadow: 0 0 80px #f8e6c8;

    -webkit-box-shadow: 0 0 80px #f8e6c8;

    box-shadow: 0 0 80px #f8e6c8;

}


.main-border-pink {

    -moz-box-shadow: 0 0 80px #f9e4e5;

    -webkit-box-shadow: 0 0 80px #f9e4e5;
    box-shadow: 0 0 80px #f9e4e5;

}


.main-border-rose {

    -moz-box-shadow: 0 0 80px #fbe3ef;

    -webkit-box-shadow: 0 0 80px #fbe3ef;

    box-shadow: 0 0 80px #fbe3ef;

}


.main-border-purple {

    -moz-box-shadow: 0 0 80px #e3cfe7;

    -webkit-box-shadow: 0 0 80px #e3cfe7;

    box-shadow: 0 0 80px #e3cfe7;

}


.main-border-indigo {

    -moz-box-shadow: 0 0 80px #cfd6e6;

    -webkit-box-shadow: 0 0 80px #cfd6e6;

    box-shadow: 0 0 80px #cfd6e6;

}


.main-border-blue {

    -moz-box-shadow: 0 0 80px rgba(114, 193, 234, 0.5);

    -webkit-box-shadow: 0 0 80px rgba(114, 193, 234, 0.5);

    box-shadow: 0 0 80px rgba(114, 193, 234, 0.5);

}


.main-border-lake {

    -moz-box-shadow: 0 0 80px rgba(114, 216, 219, 0.5);

    -webkit-box-shadow: 0 0 80px rgba(114, 216, 219, 0.5);

    box-shadow: 0 0 80px rgba(114, 216, 219, 0.5);

}


.main-border-green {

    -moz-box-shadow: 0 0 80px rgba(157, 224, 196, 0.5);

    -webkit-box-shadow: 0 0 80px rgba(157, 224, 196, 0.5);

    box-shadow: 0 0 80px rgba(157, 224, 196, 0.5);

}


.main-border-light-green {

    -moz-box-shadow: 0 0 80px rgba(152, 222, 162, 0.5);

    -webkit-box-shadow: 0 0 80px rgba(152, 222, 162, 0.5);

    box-shadow: 0 0 80px rgba(152, 222, 162, 0.5);

}


.main article header {

    padding-bottom: 10px;

}


.main h3 {

    font-size: 2.0rem;

    margin-bottom: 30px;

}


.main h4 {

    margin-bottom: 5px;

    font-size: 1.8rem;

    color: #7D291A;

    margin-top: 15px;

}


.main p, .visit-main p {

    font-size: 1.7rem;

    line-height: 1.9;

    letter-spacing: 1.8px;

    margin: 12px 0px 20px 0;

}


article {

    font-size: 1.7rem;

    line-height: 1.9;

    letter-spacing: 1.8px;

    padding: 20px 30px 20px 30px;

}


article .eng {

    letter-spacing: 0;

    word-spacing: .5px;

}


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

	頁腳

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

.page-footer {

    width: 1200px;

    margin: 0 auto;

    clear: both;

    height: 62px;

    font-size: 1.4rem;

    text-align: center;

    background-image: url(../images/footer.png);

}


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

	欄目列表頁

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

.aside-h {

    height: 1040px;

}

.item-list {

    height: 1014px;

}

.item-wrap {

    margin-top: 20px;

    margin-bottom: 40px;

    padding-left: 20px;

    padding-right: 20px;

}

.item-wrap .split {

    height: 0;

    width: 120px;

}

.split-bg-yellow {

    border-bottom: 20px solid #fffaaf;

    border-right: 38px solid transparent;

}

.split-bg-orange {

    border-bottom: 20px solid #ffd185;

    border-right: 38px solid transparent;

}

.item-wrap .title {

    height: 20px;

    width: 915px;

}

.title-border-yellow {

    border-bottom: 3px #f2eda1 double;

}


.item-wrap .abstract {

    font-size: 1.7rem;

    line-height: 1.9;

    letter-spacing: 1.8px;

    margin: 28px 0px 8px 10px;

}

.item-wrap .thumb {

    position: relative;

    float: right;

    margin-top: 34px;

    margin-left: 12px;

    margin-right: 8px;

}

/*.item-wrap .thumb img {

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 12px;

}

.item-wrap .thumb .shadow {

  position: absolute;

  top: 0;

  height: 100%;

  width: 100%;

  border-radius: 10px;

  box-shadow: 0 0 20px 8px rgb(255, 255, 255) inset;

}*/

.item-wrap .read-more {

    display: inline-block;

    margin-left: 15px;

}


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

	其他

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


.book-list a:hover {

    cursor: pointer;

    color: #7D291A;

}


.ceremony {

    margin: 0 auto;

    width: 870px;

    margin-bottom: 15px;

    border: solid 1px;

    border-collapse: collapse;

    text-align: left;

}

.ceremony td, .ceremony th {

    padding: 10px;

    border: solid 1px #DCDCDC;

}


.nav1 {

    padding-bottom: 20px;

    padding-top: 10px;

    text-align: center;

}

.nav1 li {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 20px;
    font-size: 14px;
    color: #333;
    background-color: #ccc;
    cursor: pointer;
}

.nav1 .active {
    color: #fff;
    background-color: #21b384;
}

.dowebok {
    width: 1100px;
    margin: 0 auto;
}

.filtr-item {
    display: inline-block;
    width: 240px;
    height: 218px;
    padding: 10px;
    overflow: hidden;
    text-align: center;
}

.filtr-item img {
    display: block;
    margin: 0 auto;
    height: 180px;
}

.filtr-item .pic-title {

    margin-top: 8px;

    height: 10px;

    text-align: center;

}


.grid {

    overflow: hidden;

    margin: 0;

    padding: 3em 0 0 0;

    width: 100%;

    max-width: 1920px;

    list-style: none;

    text-align: center;

}


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

	展覽圖片特效

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