/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
}

/* change colours to suit your needs */
ins {
    background-color:#fff;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}/*******global.css**************************************************************/

* { 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html{
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}

body {font-family: Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif; font-size:15px; line-height:1.5; color: #3e3a39; }

ul{ list-style:none;}

a{outline: none; /* for Firefox */}

/*預設連結狀態*/
a:link, a:visited { color:#de6647; text-decoration:none; }
a:hover, a:active { color:#b14124; text-decoration:underline; transition: color .3s; }

/*圖片無框*/
a img { border:none; }


/*h標題設定*/
h1 { font-size:20px; font-weight:normal; }
h2 { font-size:20px; font-weight:normal; color: #6c4830; }
h3 { font-size:16px; font-weight:normal; color: #6c4830;}
h4 { font-size:20px; font-weight:normal; }

/*清除 clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

/*morebox*/
.more_box{ clear:both;}
a.btn_more{ letter-spacing:3px;}
a.btn_more i.icon_more{ display:inline-block; width:18px; height:18px; margin: 0 3px; background:url(../images/icon_004_18x18.png) left top no-repeat; background-size:auto 18px; position:relative; top:3px; transition:all 300ms; opacity:0.8;} 

/*靠右*/
.more_box a.btn_more.right{ float:right;}

/*hover*/
a.btn_more:hover i.icon_more{opacity:1; }


/* 影音 icon ================*/ 
i.icon_type_video{ clear:both; display:inline-block; width:20px; height:20px; background:url(../images/icon_type_video.png) no-repeat; background-size:contain; position:relative; top:3px;}


/* .gototop 滾回網頁最上面 ============*/
.gototop{ width:45px; height:45px; background:url(../images/icon_gototop.png) no-repeat left top / 100% 100%; text-indent:100%; white-space:nowrap; overflow:hidden; opacity:0.3; position:fixed; right:50px; bottom:30px; z-index:100; cursor:pointer; transition:0.3s ease-in-out;}


/* 無限滾動頁面 loading圖 */
.loading{ width:680px; height:60px; background:url(../images/loading.gif) center top no-repeat; background-size:60px 60px; position:fixed; left:50%; bottom:90px; margin-left:-500px; z-index:100; display:none;}

/*================================================layout======================================*/

/*1000版 基本======================================*/
.wrapper_box{ background:url(../images/bg_header.png) repeat-x;}
.wrapper{}
/*側欄吸住加背景*/
.wrapper_box::before{ display:none; content:"";width:100%; height:300px; background:url(../images/bg_footer.png) repeat-x center bottom; position:fixed; left:0; bottom:0; transition:all .5s;}
.wrapper_box.bg::before{ display:block;}
/*top_bar=======================*/
.topbar_box{ background:#f7d7c0;}
.topbar{ width:1000px; height:50px; line-height:50px; margin:0 auto; position:relative;}

/*header=======================*/
.header_box{}
.header{width:1000px; height:180px; margin:0 auto; margin-bottom:30px; position:relative;}

/*container=======================*/
.container_box{ }
.container{width:1000px; margin:0 auto; background:#fff;}

/*兩欄式 主欄在左=======================*/
.container .r1{ }
.container .r1 .c1{ width:680px; float:left; background:#fff;}
.container .r1 .c2{ width:300px; float:right;}
.container .r1 .c2>.inner{ width:300px; background:#fff;}

/*hotzone=============================*/
/*video頁*/
.hotzone_box_2{ clear:both;}
.hotzone_box_2 .hotzone_2{ width:1000px; margin:0 auto; margin-bottom:20px;}

/*footer 置於側欄======================*/
.footer{ padding:20px;}
.footer .footer_menu{ /*text-align:center;*/ padding-top:20px; }
.footer .footer_menu a{font-size:13px; display: inline-block;
    margin: 0px 8px 8px 0px; }
.footer .footer_menu p{ font-size:14px; padding-top:10px;}

/*1200版 首頁======================================*/
/*wrapper=======================*/
body.index .wrapper_box{}
body.index .wrapper{}

/*top_bar=======================*/
body.index .topbar_box{}
body.index .topbar{ width:1200px; height:50px; line-height:50px; margin:0 auto; position:relative;}

/*header=======================*/
body.index .header_box{}
body.index .header{ width:1200px; height:180px; margin:0 auto; margin-bottom:30px; position:relative;}

/*container=======================*/
body.index .container_box{}
body.index .container{ width:1200px; margin:0 auto; background:#fff;}

/*兩欄式 主欄在左=======================*/
body.index .container .r1{}
body.index .container .r1 .c1{ width:870px;}
body.index .container .r1 .c2{ width:300px;}
body.index .container .r1 .c2>.inner{ width:300px;}

/*hotzone===============================*/
/*首頁*/
body.index .hotzone_box_1{ clear:both;}
body.index .hotzone_box_1 .hotzone_1{ clear:both; width:870px; height:487px; margin-bottom:50px; position:relative;}
body.index .hotzone_box_1 .hotzone_1 .area_1{ width:650px; position:absolute; left:0px; top:0px;}
body.index .hotzone_box_1 .hotzone_1 .area_2{ width:216px; position:absolute; left:650px; top:0px;}

/*footer 置於側欄======================*/
body.index .footer{}
body.index .footer .footer_menu{}
body.index .footer .footer_menu a{}
body.index .footer .footer_menu p{}

/*************************版型 共用元件**************************/

/*topbar 元件=======================*/
/*menu_1*/
.topbar .menu_1{ position:absolute; left:0px; top:0px;}
.topbar .menu_1 a{font-size:14px;}
.topbar .menu_1 a:not(:last-child){margin-right:15px;}
/*menu_2*/
.topbar .menu_2{ width:300px; position:absolute; right:0px; top:0px; }
.topbar .menu_2 a.icon_fb{ display:inline-block; width:38px; height:38px; line-height:40px; background:url(../images/icon_fb.png) no-repeat; background-size:auto 40px;text-indent:100%; white-space:nowrap; overflow:hidden; border-radius:3px; position:absolute; right:70px; top:6px;}

/*fb 推薦*/
.topbar .menu_2 .fb-share-button.fb_iframe_widget{right:-248px; bottom:50px;/*修正位置*/}

/*搜尋==========*/
.search_box {width: 180px; height:35px;position: relative;margin: 10px 15px 0px 0px;}
.search_box .txt_area {display: block; width: 100%; height: 35px; padding-left: 10px; background: #faf9f7; font-size: 13px; color: #999; border: 1px solid #ddd;border-radius: 3px;transition: all 0.2s;}
.search_box .btn { display: block; width: 25px; height: 25px;border: 0px;cursor: pointer;background: url(../images/search.png) top center no-repeat; background-size:25px auto; text-indent: -9999px; position: absolute;right: 5px;top: 5px;}




/*logo====================== */
.header h2.logo_pet{ position:absolute; left:30px; top:40px;}
.header h2.logo_pet a{ display:block; width:460px; height:50px; background:url(../images/logo_pet.png) center center no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}

/*nav_1======================*/
.header .nav_1{ width:100%; height:45px; background:#fff; border-bottom:3px solid #ad9895; position:absolute; left:0px; bottom:0;}
.header .nav_1 ul{}
.header .nav_1 > ul > li{ height:45px; float:left; position:relative;}
.header .nav_1 li a{ display:block; font-size:18px; text-align:center; letter-spacing:2px; color:#6c4830; padding:8px 10px;}
/*裝飾*/
.header .nav_1>ul>li>a:before{ content:""; display:inline-block; width:18px; height:18px; line-height: 18px; background:url(../images/icon_004_18x18.png) left center no-repeat; background-size:auto 18px; margin-right: 5px; position: relative; top: 2px;}
/*hover*/
.header .nav_1 li > a:hover{ color:#fff; background-color:#de6647;/* background-position:left center;*/text-decoration:none;}

/*nav_1 第二層選單 */
.header .nav_1 li > ul.sub{ display:none; width:250px; position:absolute; top:45px; left:0px; z-index:10;}
.header .nav_1 li > ul.sub>li{}
.header .nav_1 li > ul.sub>li a{ background:rgba(247, 215, 192, 0.9);}
.header .nav_1 li > ul.sub>li a:hover{background:rgba(249,232,218,0.9); color:#b14124;}
/*hover*/
.header .nav_1 li:hover > ul.sub { display:block;}


/*==================================block==============================================*/

/*兩欄式分割===============*/
.two_col{ clear:both;}
.two_col .col_1{ width:50%; float:left;}
.two_col .col_2{ width:50%; float:right;}


/*part_breadcrumb_1 麵包屑==============*/
.part_breadcrumb_1{ clear:both; margin-bottom:20px;}
.part_breadcrumb_1 span{ margin:0px 8px;}
.part_breadcrumb_1 em{ font-weight:bold;}
.part_breadcrumb_1 span.news-time{ float:right;} 

/*menu_page 分頁組件============================================*/
.menu_page{ clear:both; text-align:center; padding-top:10px; margin:10px 0px; margin-bottom:50px;}
.menu_page a, .menu_page span{ padding:2px 10px; margin:2px 5px;}
.menu_page a:link, .menu_page a:visited{}
.menu_page a:hover, .menu_page a:active{ background:#ededed;}
.menu_page span.current { background:#968d89; color:#fff;}
.menu_page p.info{ margin-top:10px;}


/*block歸零==========================*/
.block{ clear:both; margin-bottom:30px;}
.block:nth-last-of-type(1){ margin-bottom:0px;}
.block .block_title{ clear:both;}
.block .block_content{ clear:both;}


/*block_1=========================*/
.block_1{}
.block_1 .block_title{ border-bottom:3px solid #d5c8b8; padding-bottom:8px; position:relative;}
.block_1 .block_title h3{ letter-spacing:1px; font-size:20px;}
.block_1 .block_title h3 span{ color:#ef876c; font-size:22px; margin-right:10px;}
.block_1 .block_title h3 em.icon{ display:inline-block; width:5px; height:22px; background:#ef876c; margin-right:6px; position:relative; top:2px;}
.block_1 .block_title a.btn_more{ position:absolute; right:0px; top:0px;}
.block_1 .block_content{ padding:15px;}



/*block_2=========================*/
.block_2{}
.block_2 .block_title{ height:40px; line-height:40px; padding:0 10px; background:#ef876c; position:relative; }
.block_2 .block_title h3{ letter-spacing:1px; font-size:20px; color:#fff;}
.block_2 .block_title a.btn_more{ color:#fff; position:absolute; right:10px; top:0px; }
.block_2 .block_title a.btn_more i.icon_more{ background:url(../images/icon_004_18x18.png) right center no-repeat; background-size:auto 18px;}
.block_2 .block_content{ padding:15px 0px;}


/*block_3========================*/
.block_3{}
.block_3 .block_title{ height:40px; line-height:40px; background:#ef876c url(../images/bg_block_title_3.png); background-size:45px auto; margin-bottom:15px; padding:0 10px; position:relative; }
.block_3 .block_title h3{ letter-spacing:1px; font-size:18px; color:#fff;}
.block_3 .block_title a.btn_more{ color:#fff; position:absolute; right:10px; top:0px;}
.block_3 .block_title a.btn_more i.icon_more{ background:url(../images/icon_004_18x18.png) right center no-repeat; background-size:auto 18px;}
.block_3 .block_content{ padding:15px;}




/*tab歸零 頁籤==========================*/
.tab{ clear:both;}
.tab .tab_title{ clear:both;}
.tab .tab_content{ clear:both;}


/*tab_1 頁籤===============================*/
.tab_1{ background:#fff; padding:20px; margin-bottom:30px;}
.tab.tab_1 .tab_title{}
.tab.tab_1 .tab_title a{ display:block; height:45px; line-height:45px; font-size:18px; text-align:center; background:#ededed; float:left;}
.tab.tab_1.span4 .tab_title a{ width:25%; /*預設 4個*/}
.tab.tab_1.span2 .tab_title a{ width:50%; /*2個*/}
.tab.tab_1.span3 .tab_title a{ width:33.33%; /*3個*/}
.tab.tab_1.span5 .tab_title a{ width:20%; /*5個*/}
.tab.tab_1.span6 .tab_title a{ width:16.66%; /*6個*/}
.tab.tab_1 .tab_content{ border:1px solid #968d89; padding:20px;}
.tab.tab_1 .tab_content .piece{}
/*hover*/
.tab.tab_1 .tab_title a:hover{ background:#d8d7d7;}
/*active*/
.tab.tab_1 .tab_title a.current{ line-height:40px; background:#fff; border-left:1px solid #e27b61; border-right:1px solid #e27b61; border-top:5px solid #e27b61;}


/*tab_2 頁籤===============================*/
.tab_2{ margin-bottom:30px;}
.tab.tab_2 .tab_title{ border-left:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:30px;}
.tab.tab_2 .tab_title a{ display:block; width:33.33%; height:45px; line-height:45px; font-size:18px; text-align:center; background:#ededed; border-right:1px solid #ccc; border-bottom:1px solid #ccc; float:left;}
.tab.tab_2 .tab_title a:nth-child(3n){ border-right:1px solid #ccc;}
.tab.tab_2 .tab_content{}
.tab.tab_2 .tab_content .piece{}
/*hover*/
.tab.tab_2 .tab_title a:hover{ background:#d8d7d7;}
/*active*/
.tab.tab_2 .tab_title a.current{ background:#de6647; color:#fff;}


/*part_menu_1 操作====*/
.part_menu_1{ clear:both; margin-bottom:20px;}
.part_menu_1 a{ display:inline; width:35px; height:35px; background:url(../images/icon_002_35x35.png) no-repeat; float: left; margin-right:5px;}
.part_menu_1 a.message{ width:140px; line-height: 35px; text-align: center; font-size: 14px; background:#ef876c; color:#fff;}
.part_menu_1 a.rss{ background-position:0px 0px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.part_menu_1 a.fb{ background-position:-35px 0px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.part_menu_1 a.ig{ background-position:-70px 0px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.part_menu_1 a.weibo{ background-position:-105px 0px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.part_menu_1 a.gplus{ background-position:-140px 0px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.part_menu_1 a.twitter{ background-position:-175px 0px; text-indent:100%; white-space:nowrap; overflow:hidden;}
/*友善列印*/
.part_menu_1 .icon_print{ display:block; width:35px; height:35px; background:url(../images/icon_002_35x35.png)-210px 0px no-repeat; float: left; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer; border-radius:3px;}


/*part_pictxt_1 圖文列表===========================*/
.part_pictxt_1{ clear:both;}
.part_pictxt_1 .piece{ width:280px; float:left; margin-right:15px; margin-bottom:40px;}
.part_pictxt_1 .piece:nth-of-type(3n){ margin-right:0px;}
/*title 標========*/
.part_pictxt_1 .piece .title{ border-bottom:3px solid #d5c8b8; margin-bottom:15px; position:relative;}
.part_pictxt_1 .piece .title h2{}
.part_pictxt_1 .piece .title a.btn_more{ position:absolute; right:0px; top:0px;}
/*cover_pic 首則帶圖========*/
.part_pictxt_1 .piece a.cover_pic{ display:block; margin-bottom:10px;}
.part_pictxt_1 .piece a.cover_pic .pic{ display:block; width:280px; height:210px;/* 4:3 */ background:#ccc; margin-bottom:10px; overflow:hidden; position:relative;}
.part_pictxt_1 .piece a.cover_pic .pic img{ width:auto; height:100%; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;/*置中*/}
.part_pictxt_1 .piece a.cover_pic.icon_type_video .pic:before{ content:"";/*播*/ display:block; width:100px; height:100px; background:url(../images/icon_play.png) center center no-repeat; background-size:80px 80px; opacity:0.7; position:absolute; top:0; right:0; bottom:0; left:0; margin:45px auto 0 auto;/*置中 有微調*/ z-index:20;}
.part_pictxt_1 .piece a.cover_pic h3{ font-size:20px; color:#3e3a39;}
/*hover*/
.part_pictxt_1 .piece a.cover_pic.icon_type_video  .pic:hover:before{ opacity:1;}
/*列表========*/
.part_pictxt_1 .piece .list h3{ font-size:15px; padding:0px 5px; line-height: 40px;}
.part_pictxt_1 .piece .list h3:nth-of-type(odd){ background:#f3f3f3;}
.part_pictxt_1 .piece .list h3 a{color:#3e3a39;}


/*part_pictxt_2 圖文列表====================================*/
.part_pictxt_2{ clear:both;}
/*首則放大====*/
.part_pictxt_2 .cover_pic{ margin-bottom:15px; border-bottom:1px solid #ededed;}
.part_pictxt_2 .cover_pic a.pic{ display:block; width:300px; height:169px;/* 16：9 */ background:#ccc; overflow:hidden; position:relative;}
.part_pictxt_2 .cover_pic a.pic img{ width:auto; height:100%; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;/*置中*/}
.part_pictxt_2 .cover_pic a.pic:before{content:"";/*播*/ display:block; width:50px; height:50px; background:url(../images/icon_play.png) center center no-repeat; background-size:100% 100%; opacity:0.7; position:absolute; top:0; right:0; bottom:0; left:0; margin:40px auto 0 auto;/*置中 有微調*/  z-index:20;}
.part_pictxt_2 .cover_pic h3{ width:100%; color:#fff; background:rgba(0,0,0,0.6); padding:8px; position:absolute; bottom:0px; z-index:1;}
/*hover*/
.part_pictxt_2 .cover_pic a.pic:hover:before{ opacity:1;}
/*列表====*/
.part_pictxt_2 .piece{ border-bottom:1px solid #ededed; padding-bottom:15px; margin-bottom:15px;}
.part_pictxt_2 .piece:nth-last-child(1){ border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
.part_pictxt_2 .piece a.pic{ display:block; width:140px; height:78px;/*16:9*/ overflow:hidden; float:left; margin-right:10px; position:relative;}
.part_pictxt_2 .piece a.pic img{ width:100%; height:auto;}
.part_pictxt_2 .piece a.pic.icon_type_video:before{ content:"";/*播*/ display:block; width:40px; height:40px; background:url(../images/icon_play.png) center center no-repeat; background-size:100% 100%; opacity:0.7; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;/*置中*/ z-index:20;}
.part_pictxt_2 .piece h3 a{ display:table-cell; vertical-align:middle; color:#3e3a39;}
/*hover*/
.part_pictxt_2 .piece a.pic:hover.icon_type_video:before{ opacity:1;}


/*原生廣告結構========*/ 

/*首則放大====*/
.part_pictxt_2 .cover_pic .ad_pictxt_1{ margin-bottom:15px; border-bottom:1px solid #ededed; position:relative;}
.part_pictxt_2 .cover_pic .ad_pictxt_1 a.pic{ display:block; width:300px; height:169px;/* 16：9 */ background:#ccc; overflow:hidden;}
.part_pictxt_2 .cover_pic .ad_pictxt_1 a.pic img{ width:auto; height:100%; position:absolute; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; margin:auto;/*置中*/}
.part_pictxt_2 .cover_pic .ad_pictxt_1 a.pic:before{content:"";/*播*/ display:block; width:80px; height:80px; background:url(../images/icon_play.png) center center no-repeat; background-size:100% 100%; opacity:0.7; position:absolute; top:0; right:0; bottom:0; left:0; margin:10px auto 0 auto;/*置中 有微調*/  z-index:20;}

.part_pictxt_2 .cover_pic .ad_pictxt_1 h3{ text-shadow:2px 2px 5px #000; opacity:0.8; padding:8px; position:absolute; bottom:10px; z-index:11;}
.part_pictxt_2 .cover_pic .ad_pictxt_1 h3 a:link, .part_pictxt_4 .cover_pic .ad_pictxt_1 h3 a:visited { color:#fff;}
.part_pictxt_2 .cover_pic .ad_pictxt_1 span.date{ display:none;}
.part_pictxt_2 .cover_pic .ad_pictxt_1 span.tag{ display:none;}
/*hover*/
.part_pictxt_2 .cover_pic:hover .ad_pictxt_1 a.pic:before{ opacity:1;}
.part_pictxt_2 .cover_pic:hover .ad_pictxt_1 a.pic:after{ opacity:0.9;}

/*列表====*/
.part_pictxt_2 .ad_pictxt_1{ border-bottom:1px solid #ededed; padding-bottom:15px; margin-bottom:15px;}
.part_pictxt_2 .ad_pictxt_1 a.pic{ display:block; width:140px;/* 16：9 */ height:78px; background:#ededed; overflow:hidden; float:left; margin-right:10px; position:relative; }
.part_pictxt_2 .ad_pictxt_1 a.pic img{ width:auto; height:100%;}
.part_pictxt_2 .ad_pictxt_1 a.pic:before{  content:"";/*播*/ display:block; width:40px; height:40px; background:url(../images/icon_play.png) center center no-repeat; background-size:100% 100%; opacity:0.7; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;/*置中*/ z-index:20;}
.part_pictxt_2 .ad_pictxt_1 h3{ font-size:15px;}
.part_pictxt_2 .ad_pictxt_1 h3 a{color:#3e3a39;}
.part_pictxt_2 .ad_pictxt_1 span.date{ display:none;}
.part_pictxt_2 .ad_pictxt_1 span.tag{ display:none;}
/*hover*/
.part_pictxt_2 .ad_pictxt_1 a.pic:hover:before{ opacity:1;}









/*part_pictxt_3 圖文列表======================================*/
.part_pictxt_3{ clear:both;}
.part_pictxt_3 .piece{ border-bottom:1px solid #ededed; padding-bottom:15px; margin-bottom:15px; position:relative;}
.part_pictxt_3 .piece:last-of-type{ border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
.part_pictxt_3 .piece a.pic{ display:block; width:268px; height:201px;/* 4:3 */ background:#ccc; border:1px solid #ededed; text-align:center; float:left; overflow:hidden; position:relative;}
.part_pictxt_3 .piece a.pic img{ width:auto; height:100%; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;/*置中*/}
.part_pictxt_3 .piece h3{ font-size:22px; margin-left:280px; margin-bottom:15px;}
.part_pictxt_3 .piece p.summary{ font-size:16px; margin-left:280px; margin-bottom:5px;}
.part_pictxt_3 .piece span.date{ display:block; font-size:12px; color:#968d89; margin-left:280px;}



/*廣告 part_pictxt_6 圖文列表 ==================================*/
.part_pictxt_6{ clear:both;}
.part_pictxt_6 .piece{ border-bottom:1px solid #ededed; padding-bottom:15px; margin-bottom:15px;}
.part_pictxt_6 .piece:nth-last-child(1){ border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
.part_pictxt_6 .piece a.pic{ display:block; width:75px; height:75px; background:#ccc; float:left; overflow:hidden;}
.part_pictxt_6 .piece a.pic img{ width:auto; height:100%;}
.part_pictxt_6 .piece h3.title{ line-height:18px; margin-left:85px;}
.part_pictxt_6 .piece h3.title a{ font-size:13px; color:#00447e; letter-spacing:-0.5px;/*修正*/}
.part_pictxt_6 .piece p.summary{ font-size:14px; margin-left:85px;}





/*part_thumb_1 縮圖組 首頁專用====================================*/
.part_thumb_1{ clear:both; width:216px; height:487px;}
.part_thumb_1 .piece { width:100%; height:162px; /*4:3*/ background:#ccc; overflow:hidden; position:relative;}
.part_thumb_1 .piece a.pic{ display:block; width:100%; height:100%;}
.part_thumb_1 .piece a.pic img{ width:auto; height:100%; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;/*置中*/}
.part_thumb_1 .piece h3{ height:50px; line-height:1.2; background:rgba(0,0,0,0.6); padding:0px 10px; padding-top:8px; position:absolute; left:0px; bottom:0px; z-index:10; }
/*播放圖標 .icon_type_video*/
.part_thumb_1 .piece.icon_type_video a.pic:before{ content:"";/*播*/ display:block; width:50px; height:50px; 
background:url(../images/icon_play.png) no-repeat; background-size:50px; opacity:0.9; position:absolute; left:75px; top:35px; z-index:20;}
/*hover*/
.part_thumb_1 .piece:hover.icon_type_video a.pic:before{ opacity:1;}
.part_thumb_1 .piece h3 a:link, .part_thumb_1 h3 a:visited{ color:#ededed;}
.part_thumb_1 .piece h3 a:hover, .part_thumb_1 .piece h3 a:active{ color:#fff; }


/*part_thumb_2 縮圖列表 一列三則=================*/
.part_thumb_2{ clear:both;}
.part_thumb_2 .piece{ width:255px; float:left; margin-right:32px; margin-bottom:20px; position:relative;}
.part_thumb_2 .piece:nth-of-type(3n){ margin-right:0px;}
.part_thumb_2 .piece a.pic{ display:block; width:100%; height:191px;/*16:9*/ background:#ccc; overflow:hidden; margin-bottom:10px; position:relative;}
.part_thumb_2 .piece a.pic img{ width:auto; height:100%; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;/*置中*/}
.part_thumb_2 .piece a.pic.icon_type_video:before{ content:"";/*播*/ display:block; width:100px; height:100px; background:url(../images/icon_play.png) center center no-repeat; background-size:80px 80px; opacity:0.8; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;/*置中*/ z-index:20;}
.part_thumb_2 .piece h3 a{ color:#3e3a39;}
/*hover*/
.part_thumb_2 .piece a.pic:hover.icon_type_video:before{ opacity:1;}


/*part_thumb_3 影音縮圖列表 一列三則*/
.part_thumb_3{ clear:both;}
.part_thumb_3 .piece{ width:260px; float:left; margin-right:29px; margin-bottom:20px; position:relative;}
.part_thumb_3 .piece:nth-of-type(3n){ margin-right:0px;}
.part_thumb_3 .piece a.pic{ display:block; width:100%; height:145px;/*16:9*/ background:#ccc; overflow:hidden; margin-bottom:10px; position:relative;}
.part_thumb_3 .piece a.pic img{ width:100%; height:auto; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;/*置中*/}
.part_thumb_3 .piece a.pic.icon_type_video:before{ content:"";/*播*/ display:block; width:100px; height:100px; background:url(../images/icon_play.png) center center no-repeat; background-size:80px 80px; opacity:0.8; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;/*置中*/  z-index:20;}
.part_thumb_3 .piece h3 a{ color:#3e3a39;}
/*hover*/
.part_thumb_3 .piece a.pic:hover.icon_type_video:before{ opacity:1;}


/*part_thumb_4 產品縮圖列表 一列三則*/
.part_thumb_4{ clear:both;}
.part_thumb_4 .piece{ width:30%; float:left; margin-right:5%; margin-bottom:20px; position:relative;}
.part_thumb_4 .piece:nth-of-type(3n){ margin-right:0px;}
.part_thumb_4 .piece a.pic{ display:block; width:100%; height:0px; padding-bottom:75%;/*4:3*/ background:#ccc; margin-bottom:10px; overflow:hidden; position:relative;}
.part_thumb_4 .piece a.pic img{ width:100%; height:auto; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;/*置中*/}
.part_thumb_4 .piece h3 a{ color:#3e3a39;}


/*part_thumb_5 影音縮圖列表 一列三則*/
.part_thumb_5{ clear:both;}
.part_thumb_5 .piece{ display:inline-block; width:218px; min-height:280px; vertical-align:top;/*列表等高*/ float:left; margin-right:13px; margin-bottom:20px; overflow:hidden; position:relative;}
.part_thumb_5 .piece a{ display:block; padding-bottom:10px;}
.part_thumb_5 .piece a.current{ border:4px solid #de6647; border-radius:3px;}
.part_thumb_5 .piece:nth-of-type(3n){ margin-right:0px;}
.part_thumb_5 .piece p.pic{ height:122px; /*16:9*/ background:#ccc; overflow:hidden; margin-bottom:10px; position:relative;}
.part_thumb_5 .piece p.pic img{ display:block; width:100%; height:auto; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;/*置中*/}
.part_thumb_5 .piece h3{ padding:0 10px; margin-bottom:10px;}
.part_thumb_5 .piece span{ display:block; padding-left:28px;}
.part_thumb_5 .piece span.time{ background:url(../images/icon_type_video.png) 10px 1px no-repeat; background-size:15px 15px;}
.part_thumb_5 .piece span.date{ background:url(../images/icon_clock.png) 10px 1px no-repeat; background-size:15px 15px;}
/*影音icon*/
.part_thumb_5 .piece p.pic.icon_type_video:before{ content:"";/*播*/ display:block; width:100px; height:100px; background:url(../images/icon_play.png) center center no-repeat; background-size:80px 80px; opacity:0.8; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;/*置中*/  z-index:20;}
/*hover*/
.part_thumb_5 .piece p.pic:hover.icon_type_video:before{ opacity:1;}


/*part_list_1 文字列表 =======================================*/
/* 列表數字使用 counter-reset 算出， 因為列表穿插廣告*/
.part_list_1{ clear:both; padding:0px 5px; counter-reset:myli 0; /*從1開始*/}
.part_list_1 h3{ font-size:15px;}
.part_list_1 h3 a{ display:inline-block; color:#3e3a39; padding:6px 0px;}
.part_list_1 h3 a::before{ display:inline-block; width:18px; height:18px; line-height:18px; background:#fda993; font-size:13px; color:#fff; text-align:center; font-style:normal; margin-right:5px;
content:counter(myli);/*填入文字*/ counter-increment:myli 1; /*每次增加*/}

.part_list_1 h3 i.icon_type_video{ margin-right:3px; position:relative; top:5px;}


/*part_list_2 文字列表 =======================================*/
.part_list_2{ clear:both;}
.part_list_2 h3{ padding-left:8px; position:relative;}
.part_list_2 h3:nth-of-type(even){ background:#f3f3f3;}
.part_list_2 h3 a{ display:inline-block; color:#3e3a39; padding:10px 0px;}
.part_list_2 h3 em.number{ display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; font-size:13px; color:#fff; font-style:normal; letter-spacing:-1px;  background:#fda993; margin-right:5px; position:relative; top:-3px;}
.part_list_2 h3 i.icon_type_video{ margin-right:3px;}
.part_list_2 h3 span.date{ font-size:12px; color:#968d89; float:right; margin-right:8px; margin-top:13px;}





/*首頁 gallery_1=============================================*/
.gallery_1{ clear:both; width:650px; height:487px; overflow:hidden; position:relative;}
/*外掛歸零*/
.gallery_1 .bx-wrapper .bx-viewport{ box-shadow:none; border:none; left:0px;}
/*外掛分頁*/
.gallery_1 .bx-wrapper .bx-controls .bx-pager{ width:100%; height:0px; text-align:right; position:absolute; right:0px; top:0px;}
.gallery_1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item{ margin-right:10px;}
.gallery_1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.bx-pager-link{ width:20px; height:20px; background:#f18107; margin:0px; opacity:0.8; text-indent:9999px; 
box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5); border-radius:0px;}
.gallery_1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.bx-pager-link:hover{ opacity:1;}
.gallery_1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.bx-pager-link.active{ background:#e94d16;}

/*滾動組================*/
.gallery_1 .run{ width:650px; height:487px; overflow:hidden;}
.gallery_1 .run .inner{}

/*組*/
.gallery_1 .run .inner .piece{ width:650px; height:487px; overflow:hidden; position:relative;}

/*圖片*/
.gallery_1 .run .inner .piece a.pic{ display:block; width:650px; height:487px; background:#ccc; text-align:center; overflow:hidden; position:relative;}
.gallery_1 .run .inner .piece img{ height:100%; width:auto; max-width:inherit; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;/*置中*/  display:none;}/*CSS:先隱藏圖片，JS:圖集load之後再show*/
	
/*播放圖標 .icon_type_video*/
.gallery_1 .run .inner .piece.icon_type_video a.pic:before{ display:block; content:""; width:150px; height:150px; 
background:url(../images/icon_play.png) no-repeat; background-size:100%; opacity:0.7;
position:absolute; top:0; right:0; bottom:0; left:0; margin:120px auto 0 auto;/*置中 有微調*/ z-index:20;}
/*hover*/
.gallery_1 .run .inner .piece.icon_type_video a.pic:hover:before{ opacity:1;}
	
/*圖說=====*/
.gallery_1 .bx-wrapper .bx-caption{ background:transparent;/*歸零*/ height:100px; background:rgba(0,0,0,0.6);}
.gallery_1 .bx-wrapper .bx-caption span{ font-size:30px; color:#ededed; line-height:1.2; font-family:"微軟正黑體"; text-shadow:2px 2px 5px #000; padding:0px 20px; position:absolute; left:0px; bottom:15px;}



/*影音圖集模擬=================================*/
.big_video_box{ position:relative; height:430px; width:1000px; overflow:hidden; }
.big_video_box img { height:auto; width:100%; }
.big_video_box .title { position:absolute; top:350px; left:0px; background-color:#000; color:#fff; width:100%; height:100px; line-height:1; z-index:5; padding:5px;}
.big_video_box .title h3 { font-size:26px; line-height: 80px; margin-bottom:5px; color:#d8cecb;}
.big_video_box .big_video{ width:700px; height:430px; margin:0 auto; position:relative; line-height:0; background-color:#000;}
.big_video_box .prev { position: absolute; right:850px; top:0px; width:700px; height:430px; overflow:hidden;}
.big_video_box .next { position: absolute; left:850px; top:0px;  width:700px; height:430px; overflow:hidden;}
.big_video_box .piece .box_0 { width:700px; height:430px; -webkit-filter:blur(1px); filter:blur(1px);}
.big_video_box .piece .box_0:before{ content:" "; background: url(../images/bg_4.png) repeat; display:block; width:100%; height:100%; position:absolute; z-index:10;}
.big_video_box .btn{ background:url(../images/icon.png) no-repeat; display:block; width:75px; height:75px; z-index:50;}
.big_video_box .btn a { display:block; width:75px; height:75px;}
.big_video_box .btn_prev{ background-position:-85px 0px; position:absolute; top:160px; right:20px;}
.big_video_box .btn_next{ background-position:-160px 0px; position:absolute; top:160px; left:20px;}




/*subjcet_article 新聞模組================*/
.subjcet_article{ clear:both; padding:20px;}
.subjcet_article h1.title{ font-size:30px; color:#3f3a39; margin-bottom:10px;}
.subjcet_article p.tag{ font-size:15px; margin-bottom:20px; overflow:hidden;}
.subjcet_article p.tag span{}
.subjcet_article p.tag a:link, .subjcet_article p.tag a:visited{ color:#143b5c;}
.subjcet_article p.tag a:hover, .subjcet_article p.tag a:active{ color:#666;}
.subjcet_article p.note{ font-size:15px; color:#f28107; margin-bottom:10px;}
.subjcet_article p.comment{ font-size:15px; border-top:1px solid rgba(150,140,135,0.7); border-bottom:1px solid rgba(150,140,135,0.7); padding:8px 0px; margin-bottom:20px;}
.subjcet_article p.comment span{}

/*story 內文*/
.subjcet_article .story p{ font-size:18px; line-height:1.7; margin-bottom:25px;}
.subjcet_article .story img{ max-width:650px; height:auto;}
/* 影片 */
.subjcet_article .story iframe, .subjcet_article .story object, .subjcet_article .story embed{ margin-bottom:25px;}
.subjcet_article .story .instagram-media{ margin-bottom:25px;}
/* 社群 */
.subjcet_article .fb_fans{ clear: both; margin-bottom:10px;}
.subjcet_article .fb_fans .fb-like{ margin-right:5px;}
.subjcet_article .fb_fans a:link, .subjcet_article .fb_fans a:visited{ color:#00447e;}
.subjcet_article .fb_fans a:hover, .subjcet_article .fb_fans a:active{ color:#666;}
.subjcet_article .fb_fans em{ font-style:normal;}

/*operate_1 操作=========*/
.subjcet_article .operate_1{ margin-bottom:15px; position:relative;}

/*ad_txt_1*/
.subjcet_article .operate_1 .ad_txt_1{ float:left;}
.subjcet_article .operate_1 .ad_txt_1 a{ display:inline-block; background:#ededed; font-size:13px; padding:0px 5px; height:30px; line-height:30px; border:1px solid rgba(150,140,135,0.7);}
.subjcet_article .operate_1 .ad_txt_1 a:link, .ad_txt_1 a:visited { color:#968d89;}
.subjcet_article .operate_1 .ad_txt_1 a:hover, .ad_txt_1 a:active { color:#3f3a39;}

/*memu_1*/
.subjcet_article .operate_1 .menu_1{ display:inline-block; height:50px; float:right; position:relative;} 
.subjcet_article .operate_1 .menu_1 .fb_like_fans{ display:block; transform:scale(0.7); position:absolute; right:-45px; bottom:-10px;}
.subjcet_article .operate_1 .menu_1 .fb_like_news{ display:block; transform:scale(0.85); position:absolute; right:195px; bottom:-5px;}
.subjcet_article .operate_1 .menu_1 .icon_adult{ display:block; width:50px; height:50px; background:url(../images/icon_adult.png) no-repeat; position:absolute; right:248px; bottom:0px; border-radius: 3px;}

/*operate_2 操作====*/
.subjcet_article .operate_2{ margin-bottom:20px;} 
.subjcet_article .operate_2 a{ display:inline-block; height:30px; line-height:32px; background:#ededed; font-size:15px; border-radius:3px; padding:0px 10px; margin:0px 5px 8px 0px;}
.subjcet_article .operate_2 a:link, .subjcet_article .operate_2 a:visited { color:#968d89;}
.subjcet_article .operate_2 a:hover, .subjcet_article .operate_2 a:active { color:#3f3a39;}



/*video_article 影音新聞模組 ================*/
.subject_video{ clear:both;}
.subject_video .news-time{ font-size:18px;}
.subject_video p.tag{ font-size:15px; margin-bottom:20px;}
.subject_video p.tag span{}
.subject_video p.tag a{ margin-right: 5px;}
.subject_video p.tag a:link, .subjcet_article p.tag a:visited{ color:#143b5c;}
.subject_video p.tag a:hover, .subjcet_article p.tag a:active{ color:#666;}
.subject_video p.note{ font-size:15px; color:#f28107; margin-bottom:10px;}
.subject_video p.comment{ font-size:15px; border-top:1px solid rgba(150,140,135,0.7); border-bottom:1px solid rgba(150,140,135,0.7); padding:8px 0px; margin-bottom:20px;}
.subject_video p.comment span{}

/*story 內文*/
.subject_video .story p{ font-size:18px; line-height:1.7; margin-bottom:25px;}
.subject_video .story img{ max-width:680px; height:auto;}
.subject_video .story .instagram-media{ margin-bottom:25px;}

/*operate_1 操作=========*/
.subject_video .operate_1{ margin-bottom:15px; position:relative;}
/*memu_1*/
.subject_video .operate_1 .menu_1{ display:inline-block; height:50px; float:right; position:relative;} 
.subject_video .operate_1 .menu_1 .icon_adult{ display:block; width:50px; height:50px; background:url(../images/icon_003_50x50.png) -50px 0px no-repeat; position:absolute; right:135px; bottom:0px;}





/*=============================================廣告================================*/
/*ad250x50============*/
.ad250x50{ position:absolute; left:530px; top:40px;}

/*ad_txt_2============*/
.ad_txt_2{ clear:both; margin-bottom:30px;}
.ad_txt_2 li{ height:35px; line-height:35px; font-size:15px; background:#f3f3f3; border-bottom:1px solid rgba(150,140,135,0.7); padding-left:8px;}
.ad_txt_2 li a{ color:#9a4833;}
.ad_txt_2 li:nth-of-type(1){ border-top:1px solid rgba(150,140,135,0.7);}
.ad_txt_2 li:nth-of-type(n+3){ background:#fff;}


/*ad_txt_3============*/
.ad_txt_3{ clear:both; width:1000px; margin:30px auto;}
.ad_txt_3 li{ float:left;}
.ad_txt_3 li:not(:last-of-type){ margin-right:25px;}
.ad_txt_3 a{ display:block;/* */ width:316px; height:30px;line-height:32px; background:#ededed; font-size:15px; text-align:center; letter-spacing:1px;}
.ad_txt_3 a:hover, .ad_txt_3 a:active{ color:#3f3a39;}

/*ad_txt_4*/
.ad_txt_4{ clear:both;}
.ad_txt_4 a{}

/*ad_txt_4*/
.ad_txt_5{ clear:both;}
.ad_txt_5 a{}

/*.ad_970*/
.ad_970{ clear:both; width:970px; text-align:center; margin:0 auto 30px auto;}

/*ad300*/
.ad_300{ margin-bottom:30px;}

/*pet_in_news_1 新聞內文中廣告*/
#pet_in_news_1{ width: 300px; margin: 20px auto;}













/*===============================print.css===========================================*/



@media print { 
		
.header,
.header_box,
.topbar_box,
.c2,
.footer, 
.part_breadcrumb_1, 
.part_menu_1,
.subjcet_article .operate_1,
.subjcet_article .operate_2,
.ad_txt_1{ display:none}

body{ background:#fff;}

body * { color:black!important;}

.container{ width:100%;}
.container .c1{width:100%!important;}
	
	.site_logo{display: block!important; }

}