/* all
--------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400;700&display=swap');

/* start
--------------------------------------- */

.mainlogo {
    margin: 10em auto;
    text-align: center;
}

html {
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
    color: #222222;
    line-height: 1.6em;
    font-family: "lucida sans", verdana, arial, helvetica, sans-serif;
    background: #fff;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ol {
    margin: .6em 1.5em;
    padding: 0;
}

form {
    margin: 0;
    padding: 0 0 8px 0;
}

table,
tr,
td {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}


/* main
--------------------------------------- */

#warp {
    text-align: center;
    width: 100%;
}

.top-color {
    min-height: 1em;
    background: #fa6934;
}

#main-a {
    width: 960px;
    text-align: left;
    margin: 0 auto;
}

#upper {
    width: 960px;
    height: auto;
}

#upper-left {
    width: 750px;
    float: left;
}

#upper-right {
    width: 200px;
    float: right;
    height: auto;
}

a:link,
a:visited {
    color: #000;
    text-decoration: none;
}

a:hover,
a:active {
    color: #000;
    text-decoration: none;
}


/* up
--------------------------------------- */

#search {
    /* background: url(img/search_bg.jpg) no-repeat top left; */
    background: #fa6934;
    padding: .2em 1em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
}

.input-search {
    font-size: 12px;
}

.input-group-text {
    background: rgb(219, 214, 171);
    color: rgb(112, 95, 53);
}

#mainmenu {
    background: url(img/xmainmenu_bg.jpg) no-repeat top left;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 1px;
    margin: 1em 0;
    overflow: auto;
    border-radius: .5em;
    background: linear-gradient(90deg, rgb(175, 175, 175), rgba(0, 0, 0, 0) 100%);
}

.mainmenu-box {
    padding: 1em;
    border-radius: .5em;
    background: linear-gradient(90deg, rgb(255, 254, 238), rgba(255, 255, 255, 1) 100%);
}

.mainmenu-list {
    height: 1.6em;
}

#mainmenu .mainmenu-list a:link,
#mainmenu .mainmenu-list a:visited {
    display: block;
    color: #1d1d1d;
    text-decoration: none;
    margin-left: 0em;
    transition: margin-left .5s, color 1s;
}

#mainmenu .mainmenu-list a:hover,
#mainmenu .mainmenu-list a:active {
    color: #ff5112;
    font-size: 1.05em;
    font-weight: 900;
    margin-left: -.5em;
    transition: margin-left .5s, color .1s;
}

#mainmenu .mainmenu-list .new:link,
#mainmenu .mainmenu-list .new:visited {
    color: #ff5112;
    text-decoration: underline;
    padding: 0 0 0 15px;
    background: transparent;
    height: 22px;
}

#mainmenu .mainmenu-list .new:hover,
#mainmenu .mainmenu-list .new:active {
    color: #ff5112;
    text-decoration: underline;
    background: transparent;
}

.logo {
    border: 0px solid;
    float: left;
}

.s-menu {
    font-size: 22px;
    float: right;
    text-align: right;
    margin: .3em 0em 0 0;
}

.s-menu a:link,
.s-menu a:visited {
    display: block;
    float: right;
    padding: 4px 6px;
    text-decoration: none;
    margin-top: 0em;
    transition: margin-top .4s;
}

.s-menu a:hover,
.s-menu a:active {
    margin-top: -.2em;
    transition: margin-top .2s;
}


/* up-magazine
--------------------------------------- */

#mag {
    clear: both;
    padding: .5em 0 0 0;
}

.cover {
    width: 154px;
    height: 163px;
}

.mag-note {
    clear: both;
    margin: 8px 0 0 3px;
}


/* Up Mag 2016
--------------------------------------- */

.mag-cover {
    float: left;
    width: 170px;
    height: 255px;
}

.mag-menu-2016 {
    float: left;
    width: 70px;
    margin-left: .2em;
}


/* AD promo
--------------------------------------- */

.ad {
    position: relative;
    clear: both;
    margin: 0;
    height: 80px;
}

.banner_left {
    position: absolute;
    top: 0;
    left: 0;
}

.banner_left img {
    box-shadow: 1px 1px 2px rgb(0, 0, 0, .7);
    margin: 0;
    transition: box-shadow .2s, margin .2s;
}

.banner_left img:hover {
    box-shadow: 2px 2px 6px rgb(0, 0, 0, .6);
    margin: -2px 0 0 0;
    transition: box-shadow .2s, margin .2s;
}

.banner-right {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 10px;
}

.banner_right img {
    box-shadow: 1px 1px 2px rgb(0, 0, 0, .7);
    margin: 0;
    transition: box-shadow .2s, margin .2s;
}

.banner_right img:hover {
    box-shadow: 2px 2px 6px rgb(0, 0, 0, .6);
    margin: -2px 0 0 0;
    transition: box-shadow .2s, margin .2s;
}


/* under
--------------------------------------- */

#warp_b {
    width: 100%;
    text-align: center;
    padding: .5em 0 2.5em 0;
    margin: 0;
    /*background:#03357a;*/
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003d90+0,0048a2+100 */
    background: #0e3687;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0e3687 0%, #005e8f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0e3687 0%, #005e8f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0e3687 0%, #005e8f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0e3687', endColorstr='#005e8f', GradientType=0);
    /* IE6-9 */
}

#under {
    width: 990px;
    margin: 0 auto;
    color: #fff;
    padding: 5px 0 0 0;
    font-size: 12px;
    font-family: verdana;
    text-align: left;
    /*background:#03357a;*/
}

#under .c1 {
    width: 300px;
    float: left;
}

#under .c1 a {
    display: block;
    padding: 5px;
    height: 70px;
}

#under .c1 a.p_4 {
    height: 50px;
}

#under .c1 img {
    border-radius: .8em;
    margin: 0;
    box-shadow: 1px 1px 2px rgb(0, 0, 0, .8);
    transition: margin .4s, box-shadow .4s;
}

#under .c1 img:hover {
    margin: -2px 0 0 -5px;
    box-shadow: 2px 2px 6px rgb(0, 0, 0, .7);
    transition: margin .2s, box-shadow .2s;
}

#under .c1 .b2b {
   border-radius: .8em;
   margin: 0;
   padding:.5rem;
   box-shadow: 1px 1px 2px rgb(0, 0, 0, .8);
   transition: margin .4s, box-shadow .4s;
   background: #fff;   
}

#under .c2 {
    width: 320px;
    padding: 15px 0 0 0;
    float: left;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 15px;
}

#under .c3 {
    padding: 10px 0 0 0;
    width: 350px;
    float: left;
}

.c2 li {
    margin: -.5em 0 0 0;
    padding: 0;
}

.c2 li.owl-left {
    padding: 0;
}

.c2 li.owl-right {
    padding: 0;
}

.owl-right-tri {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #fff;
    margin-top: 7px;
    transition: margin-top .5s;
}

.owl-left-tri {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 7px solid #fff;
    margin-top: 7px;
    transition: margin-top .5s;
}

.c2 li.owl-txt {
    padding: 0;
}

.c2_banner {
    padding: 10px 0;
    text-align: center;
}

.c2 .box-link {
    clear: both;
    color: #000;
}

.c2 .box-link a:link,
.c2 .box-link a:visited {
    display: block;
    min-height: 1.4em;
    line-height: 1.4em;
    background: #ffffff;
    padding: .2em .6em .4em .6em;
    margin-top: 1px;
    margin-bottom: 12px;
    border-radius: .5em;
    box-shadow: 0px 1px 1px rgb(0, 0, 0, .2);
    transition: all .4s;
}

.c2 .box-link a:hover {
    background: #ffd92e;
    margin-top: -2px;
    margin-bottom: 15px;
    box-shadow: 0px 4px 5px rgb(0, 0, 0, .4);
    transition: all .1s;
}

.c2 .box-link a:active {
    background: #ffd92e;
    margin-top: 1px;
    margin-bottom: 12px;
    box-shadow: 0px 1px 1px rgb(0, 0, 0, .4);
}

.c2 .box-link a:hover~.owl-right-tri {
    border-left: 7px solid #ffd92e;
    margin-top: 11px;
    transition: margin-top .2s;
}

.c2 .box-link a:hover~.owl-left-tri {
    border-right: 7px solid #ffd92e;
    margin-top: 11px;
    transition: margin-top .2s;
}

.c2 .box-link .txt {
    color: rgb(26, 26, 26);
    min-height: 1.4em;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 700;
    background: #ffffff;
    padding: .2em .6em .4em .6em;
    margin-top: 1px;
    margin-bottom: 12px;
    border-radius: .5em;
    box-shadow: 0px 1px 1px rgb(0, 0, 0, .2);
    transition: all .4s;
}

.c2 .box-link .new-badge {
    background: #f71515;
    font-weight: normal;
    font-size: 11px;
}

.c2 a:link,
.c2 a:visited {
    color: #3a3a3a;
    text-decoration: none;
    transition: color .5s;
}

.c2 a:hover,
.c2 a:active {
    color: #141414;
    text-decoration: none;
    transition: color .2s;
}

.sc_in {
    margin: 3em 0;
}

.sc_in img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.c3_banner {
    position: relative;
    text-align: center;
}

.c3_banner .c3_img {
    position: absolute;
    top: 0;
    left: 20px;
    width: 320px;
    box-shadow: 1px 1px 2px rgb(0, 0, 0, .7);
    transition: width .3s, left .3s, top .3s, box-shadow .3s;
}

.c3_banner .c3_img:hover {
    position: absolute;
    top: -5px;
    left: 18px;
    width: 326px;
    box-shadow: 2px 2px 9px rgb(0, 0, 0, .6);
    transition: width .2s, left .2s, top .2s, box-shadow .2s;
}

.fb_box {
    padding: 0;
    line-height: 1.4em;
    margin: 0 0 20px 15px;
}

.fb-page {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


/* copyright
--------------------------------------- */

.copyright {
    clear: both;
    border: 0px solid;
    color: #f2f5fa;
    background: #142037;
    text-align: center;
    font-family: verdana;
    
    line-height: 1.4em;
    padding: 2.5em 0 5em 0;
}
@media (max-width: 576px) {
	.copyright {
        font-size: 12px;
    }
}


.copyright h4 {
    color: #00baff;
    padding: 0;
    margin: 0;
}

.copyright h6 {
    font-size: 12px;
    padding: 1em 0;
    margin: 0;
}

.copyright a:link,
.copyright a:visited {
    color: #00baff;    
    text-decoration: underline;
    font-weight: bold;
}

.copyright a:hover,
.copyright a:active {
    color: #00baff;
    text-decoration: none;
    font-weight: bold;
}


/* ?Sc note 
--------------------------------------- */

.sc-note {
    background: #F00000;
}

.sc-note a:link,
.sc-note a:visited {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

.sc-note a:hover,
.sc-note a:active {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.sc-note-2 {
    width: 1000px;
    margin: 0 auto;
    padding: 2px 0 1px 0;
    font-size: 12px;
    letter-spacing: 0px;
    color: #fff;
}


/* mag
--------------------------------------- */

.cover-note {
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 1em;
    color: #000;
    text-align: right;
    padding: 5px 0 0 0;
}

.newcover_lt,
.newcover_sc,
.newcover_ad {
    width: 170px;
    height: 224px;
    -webkit-box-shadow: 1px 1px 2px 2px rgba(173, 173, 173, 1);
    -moz-box-shadow: 1px 1px 2px 2px rgba(173, 173, 173, 1);
    box-shadow: 1px 1px 2px 2px rgba(173, 173, 173, 1);
    ;
}

.newcover_lt a,
.newcover_sc a,
.newcover_ad a {
    display: block;
    width: 170px;
    height: 103px;
}

.newcover_lt img,
.newcover_sc img,
.newcover_ad img {
    border: 1px solid #C4C4C4;
    z-index: 9;
}

.newcover_lt .note_lt,
.newcover_sc .note_sc,
.newcover_ad .note_ad {
    font-family: 'Pathway Gothic One', sans-serif;
    position: relative;
    font-size: 1em;
    display: none;
    color: #fff;
    padding: 2px 0 0 0;
    margin: 5px 0 0 0;
    width: 170px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
}

.note_lt {
    background: #f09c00;
}

.note_sc {
    background: #02b17c;
}

.note_ad {
    background: #de0a11;
}

.note_qr img {
    margin: 0 0 0 3px;
    border: 0px;
}

.note_qr {
    text-align: left;
    display: none;
}


/* mag LT icon
--------------------------------------- */

.mag-menu-2016 a:link,
.mag-menu-2016 a:visited {
    display: block;
    height: 51px;
    width: 49px;
    margin: 0 10px 5px 6px;
    transition: all .5s;
}

.mag-menu-lt-article a:link,
.mag-menu-lt-article a:visited {
    background: url(img/mag_menu_article.gif) no-repeat;
}

.mag-menu-lt-article a:hover,
.mag-menu-lt-article a:active {
    background: url(img/mag_menu_article_lt.gif) no-repeat;
}

.mag-menu-lt-radio a:link,
.mag-menu-lt-radio a:visited {
    background: url(img/mag_menu_radio.gif) no-repeat;
}

.mag-menu-lt-radio a:hover,
.mag-menu-lt-radio a:active {
    background: url(img/mag_menu_radio_lt.gif) no-repeat;
}

.mag-menu-lt-tv a:link,
.mag-menu-lt-tv a:visited {
    background: url(img/mag_menu_tv.gif) no-repeat;
}

.mag-menu-lt-tv a:hover,
.mag-menu-lt-tv a:active {
    background: url(img/mag_menu_tv_lt.gif) no-repeat;
}


/* sc */

.mag-menu-sc-article a:link,
.mag-menu-sc-article a:visited {
    background: url(img/mag_menu_article.gif) no-repeat;
}

.mag-menu-sc-article a:hover,
.mag-menu-sc-article a:active {
    background: url(img/mag_menu_article_sc.gif) no-repeat;
}

.mag-menu-sc-radio a:link,
.mag-menu-sc-radio a:visited {
    background: url(img/mag_menu_radio.gif) no-repeat;
}

.mag-menu-sc-radio a:hover,
.mag-menu-sc-radio a:active {
    background: url(img/mag_menu_radio_sc.gif) no-repeat;
}

.mag-menu-sc-tv a:link,
.mag-menu-sc-tv a:visited {
    background: url(img/mag_menu_tv.gif) no-repeat;
}

.mag-menu-sc-tv a:hover,
.mag-menu-sc-tv a:active {
    background: url(img/mag_menu_tv_sc.gif) no-repeat;
}


/* ad */

.mag-menu-ad-article a:link,
.mag-menu-ad-article a:visited {
    background: url(img/mag_menu_article.gif) no-repeat;
}

.mag-menu-ad-article a:hover,
.mag-menu-ad-article a:active {
    background: url(img/mag_menu_article_ad.gif) no-repeat;
}

.mag-menu-ad-radio a:link,
.mag-menu-ad-radio a:visited {
    background: url(img/mag_menu_radio.gif) no-repeat;
}

.mag-menu-ad-radio a:hover,
.mag-menu-ad-radio a:active {
    background: url(img/mag_menu_radio_ad.gif) no-repeat;
}

.mag-menu-ad-intro a:link,
.mag-menu-ad-intro a:visited {
    height: 69px;
    background: url(img/mag_menu_intro.gif) no-repeat;
}

.mag-menu-ad-intro a:hover,
.mag-menu-ad-intro a:active {
    height: 69px;
    background: url(img/mag_menu_intro.gif) no-repeat;
}


/* TopBanner
--------------------------------------- */

.topad {
    background: #fa6934;
}

.topad-area {
    display: none;
    width: 980px;
    height: 120px;
    margin: 0 auto;
    padding: .5em 0 0 0;
}

.topad .topad-area .close {
    float: right;
    cursor: pointer;
}


/* Single Page FIX 
###########################################################################################*/

#main-1 {
    width: 960px;
    text-align: left;
    margin: 0 auto;
}

#main-1 #upper {
    width: 960px;
    height: auto;
    margin: 0 auto;
}

#main-1 #upper-left {
    width: 80%;
    float: left;
}

#main-1 #upper-right {
    width: 20%;
    float: left;
}

.page-title {
    clear: both;
    padding: 1em 0;
}

.page-title .title {
    font-family: 'Libre Baskerville', serif;
    font-size: 1.6em;
    color: #fd7921;
}

.page-title .lang {
    float: right;
}

.page-title .lang-switch {
    font-size: .8em;
    padding: 0 1em .2em 1em;
    margin-right: .5em;
}

.page-title .title-ch {
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 1.2em;
    letter-spacing: .3em;
    color: #3b3b3b;
    margin-left: .5em;
}

#content .page-title a:hover,
#content .page-title a:active {
    color: #ffe75e;
    text-decoration: none;
}


/* Conten Area 
--------------------------------------- */

#content {
    clear: both;
    font-family: 'Noto Sans TC', 'Lato', sans-serif;
    color: rgb(71, 71, 71);
    padding: 1em;
    margin: 0 0 40px 0;
    line-height: 1.6em;
    width: 98%;
    text-align: left;
}

#content h4 {
    color: #0060a0;
    font-family: 'Libre Baskerville', serif;
    font-size: 1.3em;
    line-height: 1.4em;
}


/* Content P
--------------------------------------- */

.c-title {
    font-family: 'Lato', sans-serif;
    font-size: 1.6em;
    font-weight: 700;
    padding: 20px 0 8px 0;
    color: #fa6028;
}

.c-title-2 {
    font-size: 1.4em;
    color: #fa6934;
    font-weight: bold;
    margin: 0 0 .5em 0;
}

.c-title-3 {
    font-size: 1.4em;
    padding: 0 0 5px 0;
    color: rgb(59, 59, 59);
    font-weight: bold;
}

.box {
    padding: 5px 8px;
    background: #fff4e3;
    border: 2px solid #b9ada3;
    margin: 10px 0;
}

.box b {
    color: #097bb6;
}

.note {
    font-size: .7em;
    line-height: 1.4em;
    font-weight: normal;
    color: #6d6d6d;
}

.epaper_box {
    padding: 5px 0px 8px 0px;
    border-bottom: 1px solid #E4DDB6;
    margin: 0 0 10px 80px;
    line-height: 1.6em;
}


/* Span Style
--------------------------------------- */

.mag-name {
    font-family: arial;
    font-weight: bold;
    color: #000;
    padding: 0 2px;
    font-size: 1em;
}


/* Links
--------------------------------------- */

#content a:link,
#content a:visited {
    color: #e4370b;
    text-decoration: underline;
}

#content a:hover,
#content a:active {
    color: #00a8db;
    text-decoration: none;
}


/* Page - Product */

#content a.btn:link,
#content a.btn:visited {
    text-decoration: none;
}


/* Page - Sub */

#content a.btn-sub:link,
#content a.btn-sub:visited {
    color: #fff;
    text-decoration: none;
}

#content a.btn-sub:hover,
#content a.btn-sub:active {
    color: rgb(255, 243, 77);
    text-decoration: none;
}


/* Help
--------------------------------------- */

.help-box {
    margin: 8px 0;
    background: #fcf7cd;
    padding: 1em;
    border: 1px dotted #f1e89b;
    line-height: 1.8em;
    text-align: center;
}

.help-box-title {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: .5em;
}

.help-box-des {
    font-size: .8em;
    line-height: 1.4em;
    padding: 10px 0;
    color: #575757;
}

.help-note {
    font-size: .9em;
    line-height: 1.4em;
    margin: 15px 0 0 0;
}

.help-link {
    font-family: 'Noto Sans TC', 'Lato', sans-serif;
    padding: 0 0 2em 1em;
}

.help-cat-title {
    font-size: 1.5em;
    padding: 0 0 .5em 0;
    color: #000;
}

.help-link ul {
    list-style-type: disc;
    padding: 0;
    margin: 0 0 0 1em;
}

.help-link ul li {
    font-size: 15px;
    padding: 0;
}

.help-link a:link,
.help-link a:visited {
    color: #fa6028;
    text-decoration: underline;
}

.help-link a:hover,
.help-link a:active {
    color: #000;
    text-decoration: none;
}

.help-branch-title {
    color: #000;
    font-weight: bold;
    margin: 0px 0 12px 0;
}


/* Help Page Toggle
--------------------------------------- */

.toggler {
    font-size: 1em;
    color: rgb(82, 82, 82);
    margin: 0;
    padding: .6em .4em;
    background: #fff;
    border-bottom: 1px solid #9b9b9b;
    font-family: 'Lato', 'Noto Sans TC', sans-serif;
    cursor: pointer;
}

.toggler i {
    font-weight: 700;
}

.titlebold {
    color: #0a0a0a;
    background: #fcecbf;
    border-bottom: 1px solid #FF5300;
}

.element {
    font-size: .9em;
    line-height: 1.6em;
    color: rgb(31, 31, 31);
    padding: 1em 2em 2em 2em;
}

.element p i {
    font-weight: 700;
}

.element ul {
    list-style-type: circle;
    margin: 0 1em;
    padding: 0 1em;
}

blockquote {
    padding: 5px 0 5px 30px;
}

.element {
    display: none;
}


/* Help Branch Style *********************************/

.float-right {
    padding: 10px 20px;
    float: right;
}

blockquote {
    padding: 5px 0 5px 30px;
}

.hq {
    width: 220px;
    float: left;
    text-align: right;
    margin-right: 20px;
    font-size: 1em;
    line-height: 1.4em;
}

.b-title {
    color: #424242;
    margin: 0;
    padding: 4px 8px 2px 8px;
    border-bottom: 1px solid #9e9e9e;
    font-size: 1em;
    cursor: pointer;
}

.b-title:hover {
    color: #f04949;
    margin: 0 0 0px 0;
    padding: 4px 8px 2px 8px;
    cursor: pointer;
}

.b-title-act {
    color: #424242;
    margin: 0;
    padding: 4px 8px 2px 8px;
    background: #ffe96e;
    border-bottom: 1px solid #A8A8A8;
    cursor: pointer;
}

.b-content {
    padding: .6em .8em;
    margin: 0px 0 0 0;
    line-height: 1.4em;
    margin: 0 0 15px 0;
    display: none;
}

.b-add {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    padding: 0 0 5px 0;
}

.b-add-map {
    font-size: 12px;
    font-weight: normal;
    color: #fa6934;
    cursor: pointer;
}

.b-map {
    display: none;
}

.extra-link {
    margin-bottom: 2em;
}


/* Products
--------------------------------------- */

.product-sub-title {
    font-weight: bold;
    padding: 20px 0 12px 0;
    color: #000;
    clear: both;
}

.cat-box {
    overflow: auto;
    margin: 0 1em 0 0;
    line-height: 1.4em;
    padding: 1em 0;
    border-bottom: 1px solid #bebebe;
}

.cat-box p {
    padding: .5em 0 0 0;
}

.cat-box h4 {
    color: #003983;
    font-family: 'Libre Baskerville', serif;
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 1em;
}

.cat-box h5 {
    color: #003983;
}

.cat-box h6 {
    font-weight: 700;
    padding: 0;
    margin: .5em 0;
}

.cat-box .p-img {
    max-width: 110px;
    margin: .5em;
}

.btn-p-menu {
    margin: .3em .2em;
}

#content a.btn-p-menu:link,
#content a.btn-p-menu:visited {
    color: #fff;
}

.abook {
    clear: both;
    padding: 0 0 15px 0;
}

.abook b {
    color: #141414;
    font-size: 1.2em;
}


/* Sub Page 
----------------------------- */

.sub-cover {
    float: left;
    width: 170px;
    margin: 0 2em 1em 0;
    box-shadow: 1px 1px 2px rgb(0, 0, 0, .7);
}