/* CSS reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,footer,img { 
	margin:0;
	padding:0;
}
table {border-collapse:collapse;border-spacing:0;}
ol,ul,li {list-style:none;}
q:before,q:after {content:'';}
abbr,acronym,img { border:0;}
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
/* link styles */
a { color: #000; text-decoration:none; }
a:hover { text-decoration:none; }
div{display:block;}
a{ -o-transition: color 0.5s ease, background 0.5s ease, border 0.5s ease, width 0.5s ease, opacity 0.5s ease;-webkit-transition: color 0.5s ease, background 0.5s ease, border 0.5s ease, width 0.5s ease, opacity 0.5s ease;-moz-transition: color 0.5s ease, background 0.5s ease, border 0.5s ease, width 0.5s ease, opacity 0.5s ease;transition:  color 0.5s ease, background 0.5s ease, border 0.5s ease, width 0.5s ease, opacity 0.5s ease; }
/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */
.clearfix:after { content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0; font-size:0 }
.clearfix { display:inline-block }
html[xmlns] .clearfix { display:block }
* html .clearfix { height:1% }
/*****/
body{
	background-color: #fff;
	color: #000;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, sans-serif, "儷黑 Pro", "微軟正黑體";
	letter-spacing: 1px;
	/*background:url(../images/bg.jpg) center top no-repeat;*/
	background-attachment:fixed;
}
.hader{width:100%; margin:auto;position: relative;background: #fff;}

.header_bar{width:100%; background:#f6f6f6; padding:7px 0; color:#ff9db1; position:relative; margin:auto;}
.header_wrap{width:1000px; margin:auto;}
.header_wrap a{ font-size:12px; padding:0px 10px; display:inline-block; border-left: 1px solid #000;}
.header_wrap a:first-child{ border-left:none;}
.header_top{width:1000px; height:95px; background:#fff; margin:auto; position:relative; text-align:center;}

.nav-channel{ width:100%; background:#fff; border-top:1px solid #000; border-bottom:1px solid #e5e5e5; font-size:15px; margin:auto;}
.nav-channel ul{width:1000px; margin:auto;line-height:48px;}
.nav-channel ul li{float:left; min-width: 75px; position: relative;}
.nav-channel > ul > li > a{  padding:0px 15px; display:block; text-transform:uppercase;position:relative;text-align:center;letter-spacing:0px;font-size:15px; font-weight:bold;}
.nav-channel > ul > li.logo:hover > a{background:#fff;}
.nav-channel > ul > li:hover > a{background:#000; color:#fff;}
.nav-channel > ul > li:hover > a:before,
.nav-channel > ul > li.current > a:before{ width:100%;position:absolute;color:#fff;background:#000;text-align:center;top:0px; left:0px;z-index:10; font-size:13px;letter-spacing:2px;}
.nav-channel > ul > li.temp-selected:before{ width:100%; background:#333; color:#fff;text-align:center;top:0px; left:0px;z-index:10; font-size:13px;letter-spacing:2px;position:absolute;}
.nav-channel > ul > li.logo a img {vertical-align: middle;max-width: 100%;line-height:42px;}
/*.nav .nav-channel > ul > li.fashion:hover > a:before,
.nav .nav-channel > ul > li.fashion.current > a:before,
.nav .nav-channel > ul > li.fashion.temp-selected:before{ content:"流行時尚";}
.nav .nav-channel > ul > li.beauty:hover > a:before,
.nav .nav-channel > ul > li.beauty.current > a:before,
.nav .nav-channel > ul > li.beauty.temp-selected:before{ content:"美容保養";}
.nav .nav-channel > ul > li.entertainment:hover > a:before,
.nav .nav-channel > ul > li.entertainment.current > a:before,
.nav .nav-channel > ul > li.entertainment.temp-selected:before{ content:"名人娛樂";}
.nav .nav-channel > ul > li.lovelife:hover > a:before,
.nav .nav-channel > ul > li.lovelife.current > a:before,
.nav .nav-channel > ul > li.lovelife.temp-selected:before{ content:"生活態度";}
.nav .nav-channel > ul > li.girl:hover > a:before,
.nav .nav-channel > ul > li.girl.current > a:before,
.nav .nav-channel > ul > li.girl.temp-selected:before{ content:"ELLE girl";}
.nav .nav-channel > ul > li.tenyy:hover > a:before,
.nav .nav-channel > ul > li.tenyy.current > a:before,
.nav .nav-channel > ul > li.tenyy.temp-selected:before{ content:"減齡生活";}
.nav .nav-channel > ul > li.shopping:hover > a:before,
.nav .nav-channel > ul > li.shopping.current > a:before,
.nav nav-channel > ul > li.shopping.temp-selected:before{ content:"ELLE SHOPPING";}*/
.nav .nav-channel > ul > li:hover a{ color:#fff;}

/* breadcrumb */
.breadcrumb{width:100%; padding:15px 10px; font-size:12px; color:#313131; text-transform:uppercase;}
.breadcrumb ul{width:1000px; margin:auto;}
.breadcrumb li{display:inline-block;}
.breadcrumb a{ display:block; color:#959595;}
.breadcrumb a:after{ content:"/"; padding:0px 5px;}

/*title*/
.channel-title, .event-title{ font-family: 'Pathway Gothic One', sans-serif, '儷黑 Pro', '微軟正黑體'; text-align:center;}
.channel-title h1, .event-title h1{font-size:36px; text-transform:uppercase; font-weight:800; line-height:50px; padding-bottom:10px;}

/* =========== footer =========== */
.global-footer{width:100%; background:#252525;position:relative; color:#828282;}
.footer-inner{ width:100%; max-width:1200px; margin:auto;position:relative;}
.global-footer .footer-links{ padding:20px 0px; border-bottom:1px solid #444;}
.global-footer .footer-links > ul > li{ width:100%; padding:10px 0px; display:table; line-height:150%;}
.global-footer .footer-links > ul > li h4{ width:20%; display:table-cell;text-align:right; border-right:1px solid #828282; padding:0px 10px; text-transform:uppercase; color:#a0a0a0;}
.global-footer .footer-links > ul > li p{ display:table-cell;}
.global-footer .footer-links > ul > li em{ display:inline-block;}
.global-footer .footer-links > ul > li a{ display:inline-block;padding:0px 10px; color:#828282;}
.global-footer .footer-links > ul > li a:hover{ color:#fff; }
.global-footer .button-international{ cursor:pointer;}
.global-footer .international-site{ margin:auto; margin-left:20%; margin-right:10%; border-left:1px dashed #444; line-height:150%; display:none; padding-left:10px;}
.global-footer .international-site > a{ width:12%; display:inline-block; color:#7d7d7d;}
.global-footer .international-site > a:hover{ color:#fff;}
.global-footer .copyright{ font-size:11px; text-align:center; padding:40px 0px 20px 0px;}
.global-footer .hearst-logo{ padding-bottom:40px; text-align:center; }
.global-footer .hearst-logo img{ width:275px; height:auto;}