@charset "UTF-8";
/* CSS Document */
body {
	font-family:"微軟正黑體","蘋果儷中黑",Arial;
	word-break: normal;
	text-align:justify;
	}

/*header 開始*/

header{
	width: 945px;
	height: 85px;
	background: #D0111A;
	margin:0 auto;
    position: relative;
	}

.logo{
	display: block;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 3;
	}

.logo2{
	width:100%;
	height:85px;
	position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
	}

nav{
	width: 945px;
	margin: 0 auto;
	height: 45px;
	background:#f5f5f5;
	}

nav ul{
	padding: 0 12px;
	}

nav ul li{
	display: inline-block;
	font-size: 16px;
	line-height: 45px;
	letter-spacing: 0.01em;
	color:#3E3A39;
	position: relative;
	}

nav ul li a{
	color:#3E3A39;
	padding: 0 18px;
	}

nav ul li a:hover{
	color:#D0111A;
	}

nav ul li ul{
	position: absolute;
	top: 45px;
	left: 50%;
	z-index: 3;
	width: 200px;
	background: rgba(239,239,239,0.95);
	padding: 0;
	display: none;
	margin-left:-90px;
	border:1px #ccc solid;
	}

nav ul li ul li{
	width: 100%;
	font-size: 16px;
	border-top:1px #ccc solid;
	line-height: 18px;
	text-indent: 0;
	padding: 15px 0;
	letter-spacing: 0.01em;
	color:#717071;
	word-wrap: break-word;
	word-break: break-all;
	}

nav ul li ul li:first-child{
	border-top:none;
	}

nav ul li ul li a{
	color: #333;
	}

.toptop{
	width:32px;
	height:32px;
	background: url(../images/icon02.jpg);
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	}

/*header 結束*/

/*contenter 開始*/

	/*首頁開始*/

.contenter{
	width: 945px;
	margin: 0 auto;
	}

.cd-hero{
	box-shadow:5px 5px 12px #ccc;
	margin-top: 30px;
	margin-bottom: 30px;
	}

.home_text_box{
	width: 100%;
    margin-top: 50px;
	}

.home_text{
	width: 100%;
	height: 350px;
	background: #D0111A;
	}

.home_text_table{
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.05em;
	color:#FEFEFE;
	}

.home_text_table_article{
	padding: 0 100px 0 90px;
	width: 660px;
	}

.home_text_table span{
	display: block;
	font-size: 16px;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 15px;
	}

.logo3{
	display: block;
	margin-top: 105px;
	}

.contenter2{
	width: 971px;
	margin: 0 auto;
	}

.product_title{
	font-size: 16px;
	letter-spacing: 0.01em;
	color:#3E3A39;
	margin-top: 30px;
	margin-bottom: 0px;
	padding: 0 0 0 12px;
	}

.product{
	width:460px;
	height:160px;
	float: left;
	margin:12px 12px;
	display: block;
	position: relative;
	overflow: hidden;
	box-shadow:3px 3px 12px #ccc;
	}

.product p{
	position: absolute;
	bottom: -40px;
	display: block;
	background:rgba(0, 0, 0, 0.6) ;
	width:100%;
	height:30px;
	padding: 0 5px;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.1em;
	color:#fff;
	}


	/*首頁結束*/

	/*最新消息 開始*/

.news_table{
	width: 90%;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.05em;
	color:#555;
	}

.news_date{
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.05em;
	color:#aaa;
	}

.news_line{
	margin-top: 40px;
	border-bottom: 1px #ddd solid;
	margin-bottom: 40px;
	}

		/* 頁碼開始 開始 */

.pagination {
    margin: 60px 10px 60px 10px;
    text-align: center;
    display: block;
    }

.pagination a {
    text-align: center;
    border-radius: 6px;
    margin:0 1px 0 1px;
    padding: 7px 10px 7px 10px;
    background: #ecf7f8;
    font-size: 12px;
    color: #646666;
    letter-spacing: 0.05em;
    }

.pagination a.active,
.pagination a:hover {
    background: #EF5425;
    color: #fff;
    }

		/* 頁碼開始 結束 */

	/*最新消息 結束*/

	/*品牌故事頁 開始*/

.link_box{
	width:142px;
	height:142px;
	background: #ccc;
	border-radius: 6px;
	margin-top: 18px;
	display: block;
	}

.link_box img{
	width:142px;
	height:142px;
	border-radius: 6px;
	}

.product_menu{
	width: 142px;
	float: left;
	text-align: center;
	}

.product_menu .title{
	width: 142px;
	height: 42px;
	font-size: 16px;
	line-height: 42px;
	letter-spacing: 0.01em;
	color:#EEEFEF;
	background: #717071;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	}

.product_menu li{
	width: 142px;
	height: 42px;
	background: #EEEFEF;
	font-size: 14px;
	line-height: 42px;
	letter-spacing: 0.01em;
	color:#717071;
	}

.product_menu li a{
	color:#717071;
	display: block;
	width:100%;
	height:100%;

	}

.product_menu li a:hover,
.product_menu.active1 li a.active1,
.product_menu.active2 li a.active2,
.product_menu.active3 li a.active3{
	color:#000;
	background-color: #ddd;
	}

.story{
	width: 725px;
	margin-right: 35px;
	float: right;
	}

.text01{
	font-size: 14px;
	line-height: 27px;
	letter-spacing: 0.01em;
	color:#717071;
	}

.story .title,
.introduction .title,
.teacher .title{
	font-size: 16px;
	color:#717071;
	margin-bottom: 30px;
	font-weight: 900;
	display: block;
	line-height: 28px;
	border-bottom:2px #999 solid;
	}

.introduction .title{
	width: 765px;
	float: right;
	}


.line01{
	border-bottom: 1px #3E3A39 solid;
	width: 945px;
	margin: 0  auto;
	margin-bottom: 17px;
	margin-top: 30px;
	}

.photo_close{
	width:50px;
	height:50px;
    background: url(../images/icon03.png);
    position: fixed;
    right: 20px;
    top: 20px;
    cursor: pointer;
	}

	/*品牌故事頁 結束*/

	/*品牌介紹頁 開始*/

.introduction{
	width: 789px;
	float: right;
	}

.introduction_product{
	width:237px;
	height: 290px;
	border:1px #ccc solid;
	display: block;
	float: left;
	margin: 0 0 35px 26px;
	box-shadow:3px 3px 12px #f3f3f3;
	}

.introduction_product:hover{
	border:1px #bbb solid;
	box-shadow:3px 3px 12px #e3e3e3;
	}

.brand_name{
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color:#595757;
	text-align: center;
	}

.commodity_name{
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color:#595757;
	text-align: center;
	}

.price{
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color:#C7000B;
	text-align: center;
	}

	/*品牌介紹頁 結束*/

	/*品牌介紹內容頁 結束*/

.product_content_r{
	float: left;
	width: 495px;
	}

.pro_content_img{
	display: block;
	float: left;
	}

.product_content_r_title{
	font-size: 20px;
	line-height: 36px;
	color:#595757;
	margin-top: 85px;
	}

.product_content_r_price{
	font-size: 20px;
	line-height: 34px;
	color:#C7000B;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 36px;
	font-weight: 900;
	letter-spacing: 0.05em;
	}

.product_content_r_price span{
	font-size: 16px;
	}

.product_content_r_text_list li{
	padding-left: 25px;
	background: url(../images/icon01.png) no-repeat;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0em;
	color:#595757;
	}

.line02{
	border-bottom: 1px #595757 solid;
	}

.por_toggle1,
.por_toggle2{
	font-size: 14px;
	line-height: 23px;
	letter-spacing: 0.05em;
	color:#717071;
	width:135px;
	height:28px;
	line-height: 28px;
	background: #fff;
	text-align: center;
	float: left;
	border-top:1px #717071 solid;
	border-right:1px #717071 solid;
	border-left:1px #717071 solid;
	cursor: pointer;
	}

.por_toggle1.active,
.por_toggle1:hover,
.por_toggle2.active,
.por_toggle2:hover{
	font-size: 14px;
	line-height: 23px;
	letter-spacing: 0.05em;
	color:#FEFEFE;
	width:135px;
	height:28px;
	line-height: 28px;
	background: #717071;
	text-align: center;
	float: left;
	}

.por_toggle_box2_table{
	font-size: 14px;
	line-height: 40px;
	color:#3E3A39;
	margin-top: 10px;
	margin-bottom: 90px;
	width: 90%;
	margin: 30px 5% 90px 5%;
	}

.por_toggle_box2{
	display: none;
	}

	/*品牌介紹內容頁 結束*/

	/*雜誌報導頁 開始*/

.coverage_product{
	width:235px;
	display: block;
	float: left;
	margin: 0 0 35px 26px;
	box-shadow:3px 3px 12px #e3e3e3;
	}

.coverage_product:hover{
	width:235px;
	display: block;
	float: left;
	margin: 0 0 35px 26px;
	box-shadow:3px 3px 12px #bbb;
	}


.left-rr{
	width:40px;
	height:69px;
	background:url(../images/l_r.png); 
	position: fixed;
	top: 45%;
	left: 20px;
	cursor: pointer;   
	}

.right-rr{
	width:40px;
	height:69px;
	background:url(../images/r_r.png); 
	position: fixed;
	top: 45%;
	right: 20px; 
	cursor: pointer;     
	}


	/*雜誌報導頁 結束*/

	/*關於富悅 開始*/

.light_box a{
	display: inline-block;
	margin: 0 5px 20px 5px;
	float: left;
	}

.light_box a:hover{
	box-shadow:3px 3px 12px #ccc;
	}


	/*關於富悅 結束*/

	/*老師專欄 開始*/

.teacher{
	padding: 20px;
	}

	/*老師專欄 結束*/

	/*聯絡我們 開始*/

.contace_content{
	padding: 20px
	}

.contact_text01{
	font-size: 14px;
	color: #777;
	letter-spacing: 0.01em;
	line-height: 30px;
	width: 445px;
	float: left;
	margin-bottom:60px;
	margin-top: 30px;
	}

.contact_text02{
	width:400px;
	float: left;
	margin-right: 40px;
	margin-bottom: 60px;
	margin-top: 30px;
	letter-spacing: 0.01em;
	line-height: 30px;
	}

.contact_text03{
	width:100%;
	font-size: 14px;
	color: #777;
	letter-spacing: 0.01em;
	line-height: 30px;
	}

.contact_text03 span{
	display: block;
	margin-bottom: 10px;
	}

.contact_text01 .title,
.contact_text02 .title,
.contact_text03 .title{
	color: #555;
	font-size: 16px;
	}

.title_name{
	color: #000;
	font-weight: 900;
	font-size: 16px;
	}

.contact_input{
	margin-bottom: 15px;
	border:1px #666 solid;
	}

.contact_btn{
	width: 100%;
	height: 36px;
	letter-spacing: 0.1em;
	margin-bottom: 60px;
	border:1px #666 solid;
	}

	/*聯絡我們 結束*/

.fb_link{
	width:38px;
	height:38px;
	display: block;
	position: absolute;
	top: 2px;
	right:10px;
	background: url(../images/facebook.png);    
	}

.menuer{
	position: relative;
	}

/*contenter 結束*/

/*footer 開始*/

footer{
	width: 945px;
	margin:0 auto;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.1em;
	color:#595757;
	text-align: center;
	margin-top: 36px;
	margin-bottom: 30px;
	}

/*footer 結束*/