/* general */
.strong {
	font-weight:700
}

/* header */

.l-header-bd-content,.m-header-bar-bd {
	display:block;
	width:980px;
	margin:0 auto
}

.m-header-bar {
	background-color:#595750
}
.m-header-bar,.m-header-bar a,.m-header-bar span,.m-header-bar div {
	color:#fff
}



.l-header {
	position:relative;
	z-index:20;
	font-family:"微軟正黑體","Microsoft JhengHei","Apple LiGothic Medium","simhei","Microsoft YaHei";
    font-size:16px;
    color: #333;
    margin-bottom:45px;
}
.l-header-bd {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	height:70px;
	line-height:70px;
	border-bottom:1px solid #ccc;
	background-color:#fcfcfc;

	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fcfcfc),color-stop(100%,#f1f1f1));
	background-image:-moz-linear-gradient(#fcfcfc,#f1f1f1);
	background-image:-webkit-linear-gradient(#fcfcfc,#f1f1f1);
	background-image:linear-gradient(#fcfcfc,#f1f1f1)
}
.l-header-bd-content {
	position:relative;
	height:70px;
	line-height:70px
}
.m-header-nav {
	display:inline-block;
	height:70px;
	margin-left:186px
}
.m-yc-menu {
	display:inline-block
}
.m-yc-menu>li {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	position:relative;
	float:left;
	height:70px;
	line-height:70px;
	width:96px;
	border-right:1px solid #ccc;
	font-size:1em
}
.m-yc-menu>li>a {
	display:block;
	width:100%;
	height:100%;
	color:#666;
	text-align:center
}
.m-yc-menu>li:hover,.m-yc-menu>li.is-active {
	background-color:#fff;
	border-top:3px solid #fc3
}
.m-yc-menu>li:hover>a {
	color:#000;
	text-shadow:0 1px 0 #fff;
	text-decoration:none
}
.m-yc-menu>li:hover .m-yc-menu-sub {
	max-height:600px;
	border:1px solid #ccc;
	border-top:0;
	-moz-transition:max-height 1s ease;
	-o-transition:max-height 1s ease;
	-webkit-transition:max-height 1s ease;
	transition:max-height 1s ease
}
.m-yc-menu.is-right {
	position:absolute;
	top:0;
	right:0
}
.m-yc-menu.is-right>li {
	border-left:1px solid #ccc;
	margin-left:-1px
}
.m-header-bar {
	display:block;
	height:26px;
	line-height:26px
}
.m-header-bar-bd {
	font-size:0.8125em;
	text-align:right;
	position:relative
}
.m-header-bar-bd .fa {
	font-size:1.3em;
	margin-right:3px
}
.m-header-bar-bd .m-header-bar-sub {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	display:block;
	height:auto;
	max-height:0;
	overflow:hidden;
	background-color:#fff;
	border:1px solid #ccc;
	border-top:none;
	border-bottom:none;
	margin-left:-1px;
	z-index:5
}
.m-header-bar-bd .m-header-bar-sub>li {
	text-align:left;
	height:38px;
	line-height:38px;
	padding:0 14px;
	border-bottom:1px solid #ccc
}
.m-header-bar-bd .m-header-bar-sub>li>a {
	color:#333;
	display:inline-block;
	width:100%;
	height:100%
}
.m-header-bar-bd .m-header-bar-sub>li.lv2 {
	padding-left:26px
}
.m-header-bar-bd .m-header-bar-sub>li:hover {
	background-color:#eee;
	text-decoration:none
}
.m-header-bar-bd .m-header-bar-sub>li:hover>a {
	color:#f50;
	text-decoration:none
}
.m-header-bar-bd>li {
	display:inline-block
}
.m-header-bar-bd>li>a {
	display:inline-block;
	padding:0 8px;
	height:100%
}
.m-header-bar-bd>li:after {
	margin:0 3px;
	content:'|';
	color:#7a7975
}
.m-header-bar-bd>li:last-child:after {
	content:''
}
.m-header-bar-bd>li:hover>a {
	color:#fc3;
	text-decoration:none
}
.m-header-bar-bd>li:hover .m-header-bar-sub {
	max-height:300px
}
.m-header-bar-bd>li.has-menu:hover>a,.m-header-bar-bd>li.has-menu:hover .is-underline {
	color:#333;
	background-color:#fff
}
.m-yc-menu-sub>li {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	padding-left:30px
}
.m-yc-menu-sub {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	max-height:0;
	width:193px;
	overflow:hidden;
	background-color:#fff;
	margin-left:-1px
}
.m-header-bar-bd .m-header-bar-sub .no-border {
    border: none;
}
.m-header-bar-bd > li.has-menu:hover span {
    display: inline-block;
    padding: 0 14px;
    height: 100%;
    color: #333;
    background-color: #fff;
    cursor: pointer;
}
.m-header-bar-bd>li.has-menu:hover span >a {
    color: #333;
    text-decoration: none;
}
.m-yc-menu-sub>li:nth-child(1) {
	margin-top:2px
}
.m-yc-menu-sub>li,.m-yc-menu-sub>li>a {
	display:block;
	width:192px;
	height:37px;
	line-height:37px;
	color:#333
}
.m-yc-menu-sub>li:hover,.m-yc-menu-sub>li>a:hover {
	text-decoration:none;
	background-color:#fc3;
	border-color:#fc3
}

.header-marquee-wrap {
	position:absolute;
	top:0;
	left:0;
	height:26px;
	overflow:hidden
}
.header-marquee-wrap:after {
	display:none
}
.header-marquee-bd {
	position:relative;
	display:block;
	line-height:26px;
	text-align:left;
	transition-duration:.3s
}
.header-marquee-bd>li {
	position:relative;
	height:26px;
	line-height:26px
}
.header-marquee-bd>li:before {
	content:'賀';
	padding:2px;
	background-color:#fc3;
	margin-right:6px;
	border-radius:1px
}



.m-breadcrumb {
	position:absolute;
	display:block;
	top:5px;
	height:40px;
	line-height:40px
}
.m-breadcrumb>li {
	display:block;
	width:auto;
	float:left
}
.m-breadcrumb>li>a {
	-moz-transition:color 0.1s ease;
	-o-transition:color 0.1s ease;
	-webkit-transition:color 0.1s ease;
	transition:color 0.1s ease;
	color:#333
}
.m-breadcrumb>li:after {
	display:inline-block;
	margin:0 2px;
	font-size:23px;
	content:'\FE65'
}
.m-breadcrumb>.nth-last:after {
	text-indent:-99999px
}


.yc-logo {
	text-indent:-119988px;
	overflow:hidden;
	text-align:left;
	text-transform:capitalize;
	background-image:url('../images/yclogo.png');
	background-repeat:no-repeat;
	background-position:50% 50%;
	display:block;
	position:absolute;
	width:165px;
	height:70px;
	padding-right:20px;
	text-indent:-110%;
	border-right:1px solid #ccc
}

.m-badge {
	display:inline-block;
	line-height:0.9em;
	height:0.9em;
	width:auto;
	font-size:0.8125em;
	font-weight:500;
	margin-left:3px;
	margin-right:3px;
	padding:4px 6px;
	background-color:#f50;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px
}
.m-badge.zero {
	background-color:#8c8c8c !important
}


.separation {
	margin:5px 0
}
.separation:before,.separation:after {
	display:block;
	content:'';
	left:10px;
	height:1px;
	width:90%;
	background-color:#e0e0e0;
	position:absolute;
	z-index:10
}
.separation:before {
	top:-3px
}
.separation:after {
	bottom:-3px
}
.is-separation-top {
	margin-bottom:0
}
.is-separation-top:after {
	display:none
}
.is-separation-bottom {
	margin-top:0
}
.is-separation-bottom:before {
	display:none
}

/* footer */
#footer {
    line-height:1.2em;
    margin-top:15px;
    text-align:left;
    font-size: 13px;
}

#footer a {
    color:#666;
}

#footer a:hover {
    text-decoration:underline;
}

#footer .wrap {
    width: 980px;
    margin: 0 auto;
    border-top: 3px solid #fc3;
}

#footer .sitemap .sitemap, #footer .subSite {
    float:left;
}

#footer .sitemap .sitemap {
    background-color:#fafafa;
    padding:20px 15px 15px;
    width:690px;
    height:225px;
}

    #footer .sitemap .sitemap dl {
        float:left;
        margin: 0 22px;
    }

        #footer .sitemap .sitemap dt {
            font-weight:bold;
            font-size:13px;
            color:#666;
        }

            #footer .sitemap .sitemap dd li {
                margin:10px 0;
            }

            #footer .sitemap .sitemap a {
                font-size:12px;
            }

#footer .subSite {
    padding:15px 20px;
    width:220px;
    height:230px;
    background-color:#f2f2f2;
}

    #footer .subSite h2 {
        width:210px;
        height:35px;
        background-position:0 -1390px;
        text-indent:-9999px;
        margin-bottom:10px;
    }

    #footer .subSite .sites ul {
        float:left;
        width:105px;
    }

        #footer .subSite li {      
            margin:6px 0;
        }

            #footer .subSite li a {
                font-weight:bold;
                cursor:pointer;
            }

    #footer .subSite dt {
        color:#666;
        font-weight:bold;
        display:inline-block;
        *display:inline;
        *zoom:1;
        *margin:5px 5px 0 0;
    }

    #footer .subSite dd {
        display:inline-block;
        *display:inline;
        *zoom:1;
        *margin-top:5px;
    }

        #footer .subSite dl ul li {
            display:inline-block;
            *display:inline;
            margin-right:5px;
        }

#footer .info {
    position:relative;
    color:#585858;
    margin-bottom:20px;
    line-height:1.4em;
}
    
    #footer .info a {
        color:#585858;
    }

    #footer .info ul {
        padding:10px 0;
    }

        #footer .info ul li {
            display:inline-block;
            *display:inline;
            *zoom:1;
            margin-right:10px;
            padding-right:10px;
            border-right: 1px solid #333;
            line-height:1.4em;
        }

        #footer .info ul li.last {
            border:none;
        }

        #footer .info dl dd {
            margin-right:5px;
        }
    
    #footer .info p, #footer .info > span, #footer .info address, 
    #footer .info dl, #footer .info dt, #footer .info dd {
        display:inline-block;
        *display:inline;
        *zoom:1;
        line-height:1.4em;
    }

    #footer .info dl + p {
        margin-left:5px;
    }

    #footer .info > span {
        position:absolute;
        top:30px;
        text-indent:-9999px;
    }

    #footer .info > span.house {
        width:60px;
        height:40px;
        background-position: 0 -1668px;
        right:170px;
    }

    #footer .info > span.media {
        width:120px;
        height:36px;
        background-position: -80px -1668px;
        right:40px;
    }