/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
    background-color: #565656;
    padding: 50px 0;
}

.footer__content {
    padding: 0 80px 0 0;
}

.footer__main {
    display: inline-block;
    width: 100%;
    margin-left: -6px;
    vertical-align: top;
    position: relative;
}

.footer__main .footer__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer__main .footer__list > li {
    float: left;
    padding: 0 10px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer__main .footer__list > li:after {
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 4px;
    background-color: #808080;
}

.footer__main .footer__list > li:last-of-type:after {
    display: none;
}

.footer__main .footer__list > li > a {
    -moz-transition: color .5s ease;
    -o-transition: color .5s ease;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
}

.footer__main .footer__list > li > a:hover {
    color: #ffffff;
}

.footer__main .footer__list--link {
    margin-bottom: 20px;
}

.footer__main .footer__list--link > li > a {
    color: #ddd;
}

.footer__main .footer__list--copyright {
    font-size: 14px;
    color: #b3b3b3;
}

.footer__main .footer__list--copyright > li > a {
    color: #b3b3b3;
}

.footer__family {
    display: inline-block;
    margin-right: -85px;
    width: 85px;
    vertical-align: top;
}

.footer__family .family__btn {
    text-align: center;
    position: relative;
}

.footer__family .family__btn:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    z-index: 5;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #efefef;
    border-bottom: none;
    opacity: 0;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.footer__family .family__btn > a {
    font-size: 14px;
    color: #b3b3b3;
}

.footer__family .family__btn:hover:before {
    opacity: 1;
}

.footer__family .family__btn:hover .family__content {
    display: block !important;
}

.footer__family .family__content {
    display: none;
    position: absolute;
    right: 0;
    bottom: 50px;
    /*min-width: 465px;*/
	min-width: 820px;
    padding: 5px 13px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #efefef;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 100;
}

.footer__udn {
    display: inline;
}

.footer .logoUDNlife {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 155px;
    height: 45px;
    background-image: url(../../images/rwd/logo-udnlife.png);
}

.family__list {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}

.family__list > li {
    float: left;
    width: 16.6666666667%;
    padding: 15px 10px;
    box-sizing: border-box;
}

.family__list > li:nth-of-type(6n+1) {
    clear: left;
}

.family__list > li > a {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #212121;
}

.family__list > li > a:hover {
    color: #000000;
}

.family__list>li>a:hover>.icon:before,
.family__list>li>a:hover>.icon:after {
    background-position-y: -40px;
}


/* ==========================================================================
   Other
   ========================================================================== */

/*---------- icon ----------
	.icon:			使用:before (預設)
	.icon--a:		使用:after
	.icon__text:	文字與:before/:after產生margin: 3px
*/

.icon {
    display: inline-block;
}

.icon:before,
.icon:after {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.icon:before {
    content: "";
}

.icon > .icon__text {
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
}

.icon.icon--a:before {
    content: none;
}

.icon.icon--a:after {
    content: "";
}

.icon.icon--a > .icon__text {
    margin-left: 0;
    margin-right: 3px;
}


/*---------- icon - tool ----------*/

.icon__tool--member:before,
.icon__tool--bag:before,
.icon__tool--search:before,
.icon__tool--member:after,
.icon__tool--bag:after,
.icon__tool--search:after {
    width: 24px;
    height: 24px;
    background-image: url(../../images/rwd/icon/icon-tool.png);
}

.icon__tool--member:before,
.icon__tool--member:after {
    background-position: 0 0;
}

.icon__tool--member.on:before,
.icon__tool--member.on:after {
    background-image: url(../../images/rwd/icon/icon-tool-login.png);
}

.icon__tool--bag:before,
.icon__tool--bag:after {
    background-position: 0 -24px;
}

.icon__tool--search:before,
.icon__tool--search:after {
    background-position: 0 -48px;
}


/*---------- icon - family ----------*/

.icon__family--vision:before,
.icon__family--money:before,
.icon__family--fund:before,
.icon__family--cens:before,
.icon__family--health:before,
.icon__family--autos:before,
.icon__family--style:before,
.icon__family--nba:before,
.icon__family--stars:before,
.icon__family--blog:before,
.icon__family--travel:before,
.icon__family--metrojoker:before,
.icon__family--reading:before,
.icon__family--novel:before,
.icon__family--house:before,
.icon__family--data:before,
.icon__family--paper:before,
.icon__family--tickets:before,
.icon__family--news:before,
.icon__family--udesign:before,
.icon__family--video:before,
.icon__family--buy:before, 
.icon__family--vision:after,
.icon__family--money:after,
.icon__family--fund:after,
.icon__family--cens:after,
.icon__family--health:after,
.icon__family--autos:after,
.icon__family--style:after,
.icon__family--nba:after,
.icon__family--stars:after,
.icon__family--blog:after,
.icon__family--travel:after,
.icon__family--metrojoker:after,
.icon__family--reading:after,
.icon__family--novel:after,
.icon__family--house:after,
.icon__family--data:after,
.icon__family--paper:after,
.icon__family--tickets:after,
.icon__family--news:after,
.icon__family--udesign:after,
.icon__family--video:after,
.icon__family--buy:after {
    width: 50px;
    height: 40px;
    background-image: url(../Images/icon-family.png);
}

.icon__family--btn:before,
.icon__family--btn:after {
    width: 45px;
    height: 45px;
    background-image: url(../../images/rwd/icon/icon-sitemap.png);
    background-position: 0 0;
}

.icon__family--vision:before,
.icon__family--vision:after {
    background-position: 0 0;
}

.icon__family--money:before,
.icon__family--money:after {
    background-position: -50px 0;
}

.icon__family--fund:before,
.icon__family--fund:after {
    background-position: -100px 0;
}

.icon__family--cens:before,
.icon__family--cens:after {
    background-position: -150px 0;
}

.icon__family--health:before,
.icon__family--health:after {
    background-position: -200px 0;
}

.icon__family--autos:before,
.icon__family--autos:after {
    background-position: -250px 0;
}

.icon__family--style:before,
.icon__family--style:after {
    background-position: -300px 0;
}

.icon__family--nba:before,
.icon__family--nba:after {
    background-position: -350px 0;
}

.icon__family--stars:before,
.icon__family--stars:after {
    background-position: -400px 0;
}

.icon__family--blog:before,
.icon__family--blog:after {
    background-position: -450px 0;
}

.icon__family--travel:before,
.icon__family--travel:after {
    background-position: -500px 0;
}

.icon__family--metrojoker:before,
.icon__family--metrojoker:after {
    background-position: -550px 0;
}

.icon__family--reading:before,
.icon__family--reading:after {
    background-position: -600px 0;
}

.icon__family--novel:before,
.icon__family--novel:after {
    background-position: -650px 0;
}

.icon__family--house:before,
.icon__family--house:after {
    background-position: -700px 0;
}

.icon__family--data:before,
.icon__family--data:after {
    background-position: -750px 0;
}

.icon__family--paper:before,
.icon__family--paper:after {
    background-position: -800px 0;
}

.icon__family--tickets:before,
.icon__family--tickets:after {
    background-position: -850px 0;
}

.icon__family--news:before,
.icon__family--news:after {
    background-position: -900px 0;
}

.icon__family--udesign:before,
.icon__family--udesign:after {
    background-position: -950px 0;
}

.icon__family--video:before,
.icon__family--video:after {
    background-position: -1000px 0;
}

.icon__family--buy:before,
.icon__family--buy:after {
    background-position: -1100px 0;
}

.icon__goTop:before,
.icon__goTop:after {
    width: 10px;
    height: 6px;
    background-image: url(../../images/rwd/icon/icon-goTop.png);
}

.icon__share--fb:before,
.icon__share--fb:after {
    width: 27px;
    height: 23px;
    background-image: url(../../images/rwd/icon/icon-fb.png);
    background-position: 0 0;
    -moz-transition: background-position .5s ease;
    -o-transition: background-position .5s ease;
    -webkit-transition: background-position .5s ease;
    transition: background-position .5s ease;
}

.icon__share--fb:hover:before,
.icon__share--fb:hover:after {
    background-position: 0 -23px;
}

.icon__refresh:before,
.icon__refresh:after {
    width: 30px;
    height: 30px;
    background-image: url(../../images/rwd/icon/icon-refresh.png);
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav.navFixed .nav__content {
        padding: 0;
    }

    .nav__content {
        padding: 0 110px;
    }

    .mm2 {
        width: 250px;
    }

    .mm2__content {
        width: 660px;
        left: 250px;
    }

    .mm2__image {
        width: 270px;
        margin-right: 20px;
    }

    .mm3 {
        width: 360px;
    }

    .footer {
        padding: 25px 0;
    }

    .footer__content {
        padding: 0 80px 0 10px;
    }

    .footer__family {
        margin-right: -70px;
        width: 70px;
    }

    .footer__family .family__btn > a {
        font-size: 12px;
    }

    .footer .logoUDNlife {
        width: 124px;
        height: 36px;
    }

    .footer .logoUDNlife.logoUDNlife--landscape {
        background-size: 124px 36px;
    }
}

/*---------- icon - family 20181218----------*/
@font-face {
	font-family: fontello;
	src: url(//s.udn.com.tw/static/font-icons/font/fontello.eot?9115473);
	src: url(//s.udn.com.tw/static/font-icons/font/fontello.eot?9115473#iefix) format('embedded-opentype'), url(//s.udn.com.tw/static/font-icons/font/fontello.woff2?9115473) format('woff2'), url(//s.udn.com.tw/static/font-icons/font/fontello.woff?9115473) format('woff'), url(//s.udn.com.tw/static/font-icons/font/fontello.ttf?9115473) format('truetype'), url(//s.udn.com.tw/static/font-icons/font/fontello.svg?9115473#fontello) format('svg');	
	font-weight: 400;
	font-style: normal
}
[class*=" i-"]:before, [class^=i-]:before {
	font-family: fontello;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.i-home:before {
	content: '\21'
}
.i-user:before {
	content: '\22'
}
.i-user-out:before {
	content: '\23'
}
.i-search:before {
	content: '\24'
}
.i-search-shrink:before {
	content: '\25'
}
.i-search-put:before {
	content: '\26'
}
.i-link:before {
	content: '\27'
}
.i-link1:before {
	content: '\28'
}
.i-mute:before {
	content: '\29'
}
.i-sound:before {
	content: '\2a'
}
.i-loudly:before {
	content: '\2b'
}
.i-close:before {
	content: '\2c'
}
.i-music:before {
	content: '\2d'
}
.i-arrow-two:before {
	content: '\2e'
}
.i-arrow1-left:before {
	content: '\2f'
}
.i-arrow1-right:before {
	content: '\30'
}
.i-arrow4-left:before {
	content: '\31'
}
.i-arrow4-right:before {
	content: '\32'
}
.i-arrow4-up:before {
	content: '\33'
}
.i-arrow4-down:before {
	content: '\34'
}
.i-arrow5-left:before {
	content: '\35'
}
.i-arrow5-right:before {
	content: '\36'
}
.i-arrow5-up:before {
	content: '\37'
}
.i-arrow5-down:before {
	content: '\38'
}
.i-eye:before {
	content: '\39'
}
.i-star-filled:before {
	content: '\3a'
}
.i-heart-filled:before {
	content: '\3b'
}
.i-tag:before {
	content: '\3c'
}
.i-videocam:before {
	content: '\3d'
}
.i-video:before {
	content: '\3e'
}
.i-phone:before {
	content: '\3f'
}
.i-mail:before {
	content: '\40'
}
.i-youtube:before {
	content: '\41'
}
.i-google:before {
	content: '\42'
}
.i-twitter:before {
	content: '\43'
}
.i-plurk:before {
	content: '\44'
}
.i-facebook-1:before {
	content: '\45'
}
.i-gplus:before {
	content: '\46'
}
.i-twitter-bird:before {
	content: '\47'
}
.i-pinterest:before {
	content: '\48'
}
.i-facebook:before {
	content: '\49'
}
.i-googleplus:before {
	content: '\4a'
}
.i-tumblr:before {
	content: '\4b'
}
.i-pinterest-1:before {
	content: '\4c'
}
.i-arrow2-left:before {
	content: '\4d'
}
.i-arrow2-right:before {
	content: '\4e'
}
.i-arrow3-left:before {
	content: '\4f'
}
.i-arrow3-right:before {
	content: '\50'
}
.i-export:before {
	content: '\51'
}
.i-globe:before {
	content: '\52'
}
.i-arrow6-left:before {
	content: '\53'
}
.i-video1:before {
	content: '\54'
}
.i-major:before {
	content: '\55'
}
.i-talk:before {
	content: '\56'
}
.i-print:before {
	content: '\57'
}
.i-gplus1:before {
	content: '\58'
}
.i-line:before {
	content: '\59'
}
.i-delete:before {
	content: '\5a'
}
.i-tobotton:before {
	content: '\5b'
}
.i-top:before {
	content: '\5c'
}
.i-signin:before {
	content: '\5d'
}
.i-list:before {
	content: '\5e'
}
.i-gotop:before {
	content: '\5f'
}
.i-shopping:before {
	content: '\60'
}
.i-av:before {
	content: '\61'
}
.i-paperclip:before {
	content: '\62'
}
.i-pencil:before {
	content: '\63'
}
.i-share:before {
	content: '\64'
}
.i-calendar:before {
	content: '\65'
}
.i-signout:before {
	content: '\66'
}
.i-resize:before {
	content: '\67'
}
.i-cog:before {
	content: '\68'
}
.i-history:before {
	content: '\69'
}
.i-mail2:before {
	content: '\6a'
}
.i-reply:before {
	content: '\6b'
}
.i-disc:before {
	content: '\6c'
}
.i-immediate:before {
	content: '\6d'
}
.i-qa:before {
	content: '\6e'
}
.i-tips:before {
	content: '\6f'
}
.i-invoice:before {
	content: '\70'
}
.i-ranking:before {
	content: '\71'
}
.i-more:before {
	content: '\72'
}
.i-upload:before {
	content: '\73'
}
.i-download:before {
	content: '\74'
}
.i-fontsize:before {
	content: '\75'
}
.i-index:before {
	content: '\76'
}
.i-sorted:before {
	content: '\77'
}
.i-photolist:before {
	content: '\78'
}
.i-picturelist:before {
	content: '\79'
}
.i-titlelist:before {
	content: '\7a'
}
.i-pause:before {
	content: '\7b'
}
.i-stop:before {
	content: '\7c'
}
.i-playprev:before {
	content: '\7d'
}
.i-playnext:before {
	content: '\7e'
}
.i-arrow6-right:before {
	content: '\e800'
}
.i-arrow6-up:before {
	content: '\e801'
}
.i-arrow6-down:before {
	content: '\e802'
}
.i-point:before {
	content: '\e803'
}
.i-vote:before {
	content: '\e804'
}
.i-ok:before {
	content: '\e805'
}
.i-cancel:before {
	content: '\e806'
}
.i-plus:before {
	content: '\e807'
}
.i-minus:before {
	content: '\e808'
}
.i-rss-squared:before {
	content: '\e809'
}
.i-rss:before {
	content: '\e80a'
}
.i-inlist:before {
	content: '\e80b'
}
.i-instagram-1:before {
	content: '\e80c'
}
.i-app:before {
	content: '\e80d'
}
.i-data:before {
	content: '\e80e'
}
.i-epaper:before {
	content: '\e80f'
}
.i-oops:before {
	content: '\e810'
}
.i-sitemap:before {
	content: '\e811'
}
.i-ticket:before {
	content: '\e812'
}
.i-train:before {
	content: '\e813'
}
.i-health:before {
	content: '\e814'
}
.i-worldjournal:before {
	content: '\e815'
}
.i-utravel:before {
	content: '\e816'
}
.i-udesign:before {
	content: '\e817'
}
.i-autos:before {
	content: '\e818'
}
.i-house:before {
	content: '\e819'
}
.i-fund:before {
	content: '\e81a'
}
.i-money:before {
	content: '\e81b'
}
.i-style:before {
	content: '\e81c'
}
.i-u_point:before {
	content: '\e81d'
}
.i-blog:before {
	content: '\e81e'
}
.i-news:before {
	content: '\e81f'
}
.i-theme:before {
	content: '\e820'
}
.i-game:before {
	content: '\e821'
}
.i-opinion:before {
	content: '\e822'
}
.i-video-1:before {
	content: '\e823'
}
.i-unitas:before {
	content: '\e824'
}
.i-linkingbooks:before {
	content: '\e825'
}
.i-global:before {
	content: '\e826'
}
.i-vision:before {
	content: '\e827'
}
.i-novel:before {
	content: '\e828'
}
.i-reading:before {
	content: '\e829'
}
.i-nba:before {
	content: '\e82a'
}
.i-gocomments:before {
	content: '\e82b'
}
.i-goalso:before {
	content: '\e82c'
}
.i-key:before {
	content: '\e82d'
}
.i-vote2:before {
	content: '\e82e'
}
.i-flight:before {
	content: '\e82f'
}
.i-gift:before {
	content: '\e830'
}
.i-info-circled:before {
	content: '\e831'
}
.i-spin3:before {
	content: '\e832'
}
.i-spin4:before {
	content: '\e834'
}
.i-spin5:before {
	content: '\e838'
}
.i-spin6:before {
	content: '\e839'
}
.i-flower:before {
	content: '\e867'
}
.i-register:before {
	content: '\e868'
}
.i-hot:before {
	content: '\e86c'
}
.i-user2:before {
	content: '\e86d'
}
.i-tv:before {
	content: '\e86e'
}
.i-timer:before {
	content: '\e86f'
}
.i-news-list:before {
	content: '\e874'
}
.i-news-thumb:before {
	content: '\e875'
}
.i-ulab:before {
	content: '\e876'
}
.i-album-slider:before {
	content: '\e877'
}
.i-album-card:before {
	content: '\e878'
}
.i-next-line:before {
	content: '\e879'
}
.i-prev-line:before {
	content: '\e87a'
}
.i-story:before {
	content: '\e87b'
}
.i-expo:before {
	content: '\e87c'
}
.i-upeople:before {
	content: '\e87d'
}
.i-fifa:before {
	content: '\e87e'
}
.i-map:before {
	content: '\e87f'
}
.i-hiking:before {
	content: '\e881'
}
.i-cens:before {
	content: '\e882'
}
.i-hush:before {
	content: '\e8dc'
}
.i-money-list:before {
	content: '\e8e6'
}
.i-money-search:before {
	content: '\e8e7'
}
.i-money-user:before {
	content: '\e8e8'
}
.i-money-user-out:before {
	content: '\e8e9'
}
.i-sport:before {
	content: '\e901'
}
.i-udnfunlife:before {
	content: '\e906'
}
.i-uevent:before {
	content: '\e907'
}
.i-ulicensing:before {
	content: '\e908'
}
.i-whatsapp:before {
	content: '\e93b'
}
.i-lightbulb:before {
	content: '\f0eb'
}
.i-smile:before {
	content: '\f118'
}
.family__content dt {
	position: relative;
	float: left;
	margin: 9px;
	padding: 0;
	width: 69px;
	text-align: center;
}
.family__content a {
	display: block;
	padding: 10px 0 5px;
	height: 76px;
	color: #9a9999;
 font-family: Microsoft JhengHei', '微軟正黑體', 'PingFang TC', 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif;;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	box-sizing: border-box;
}
.family__content a:hover {
	background-color: #f5f5f5;
	color: #5C5C5C;
}
.family__content a i {
	display: block;
	margin-bottom: 6px;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	color: #9a9999;
	font-size: 28px;
	line-height: 28px;
}
.family__content a i:hover {
	color: #5C5C5C;
}