@charset "utf-8";
/* ======================= 全站基本設置 ======================= */
html,body { margin:0; padding:0; height:100%; }
body { background:url(../images/bg.jpg) repeat fixed; }
body,th,td,input,select { font-family:"Hiragino Kaku Gothic Pro", "微軟正黑體", "Microsoft Jhenghei", Helvetica, Arial, sans-serif; font-size:100%; }
input[type="submit"],input[type="reset"],input[type="button"],select,button { -webkit-appearance:none; }
input[type=text]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=date]:focus,textarea:focus,select:focus {
transition:border linear .2s,box-shadow linear .3s;
-moz-transition:border linear .2s,-moz-box-shadow linear .3s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .3s;
outline:none;
border-color:rgba(207,177,56,.75);
box-shadow:0 0 5px rgba(207,177,56,.75);
-moz-box-shadow:0 0 5px rgba(207,177,56,.75);
-webkit-box-shadow:0 0 5px rgba(207,177,56,.75); }
a { text-decoration:none; }
b { font-weight:normal; }
p { line-height:2em; }
h1,h2,h3,h4,h5,h6 { font-weight:400; }
h1 { font-size:200%; font-family:"Hiragino Kaku Gothic Pro", "微軟正黑體", "Microsoft Jhenghei", Helvetica, Arial, sans-serif; }
h2 { font-size:180%; font-family:"Hiragino Kaku Gothic Pro", "微軟正黑體", "Microsoft Jhenghei", Helvetica, Arial, sans-serif; }
h3 { font-size:150%; font-family:"Hiragino Kaku Gothic Pro", "微軟正黑體", "Microsoft Jhenghei", Helvetica, Arial, sans-serif; }
h4 { font-size:130%; font-family:"Hiragino Kaku Gothic Pro", "微軟正黑體", "Microsoft Jhenghei", Helvetica, Arial, sans-serif; }
h5 { font-size:120%; font-family:"Hiragino Kaku Gothic Pro", "微軟正黑體", "Microsoft Jhenghei", Helvetica, Arial, sans-serif; }
h6 { font-size:110%; font-family:"Hiragino Kaku Gothic Pro", "微軟正黑體", "Microsoft Jhenghei", Helvetica, Arial, sans-serif; }
::selection { background-color:rgba(114, 172, 0, 0.7); color:#FFF; }
a:link,a:visited { text-decoration:none; cursor:pointer; }
table,th,td { margin:0; padding:0; border:none; outline:none; border-collapse:collapse; border-spacing:0; }
img,table,iframe { max-width:100%; }
.clear { clear:both; }

/*預覽圖形icon可看..\css\font\demo.html*/
@font-face { font-family:'typicons';
src:url("../images/font/typicons.eot");
src:url("../images/font/typicons.eot?#iefix") format('embedded-opentype'), 
		url("../images/font/typicons.woff") format('woff'), 
		url("../images/font/typicons.ttf") format('truetype'), 
		url("../images/font/typicons.svg#typicons") format('svg');
		font-weight:normal; font-style:normal; }

/*文字大中小*/
.font_s { font-size:100%; }
.font_m { font-size:120%; }
.font_l { font-size:150%; }

/*圖片左中右*/
.img_l { float:left; max-width:100%; margin:5px 15px 5px 0; }
.img_r { float:right; max-width:100%; margin:5px 0 5px 15px; }
.img_c { float:none; max-width:100%; margin:5px auto; display:block; }

/*跳到主要內容區塊*/
.skip_to_content { position:absolute; top:5; left:5; z-index:9999; width:1px; height:1px; margin:-1px 0 0 -1px; overflow:hidden; font-size:85%; color:#ac6a08; }
.skip_to_content a { text-decoration:none;}
.skip_to_content:focus { width:auto; height:auto; margin:0; overflow:visible; }

/* ======================= 全站通用區塊 ======================= */
/* ----- WRAPPER 全站 ----- */
#wrapper { width:100%; margin:0 auto; padding:5px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.totop a { position:fixed; bottom:100px; right:25px; z-index:998; display:block; width:40px; height:40px; padding:5px; background:#cfb138; font-size:100%; line-height:20px; text-align:center; color:#FFF; opacity:0.7; }
.totop a:hover { opacity:1; }

#warning { position:fixed; bottom:5px; left:0px; z-index:998; width:100%; height:10%; min-height:48px; overflow:hidden; margin:0 auto; padding:0px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#000; text-align:center; color:#ffcc33; }
#warning img { position:relative; top:50%; transform:translateY(-50%); width:100%;height:100%; text-align:center; }
/* #warning img { position:relative; top:50%; transform:translateY(-50%); width:100%; max-width:1200px; max-height:70px; height:100%; text-align:center; } */
#warningbg { position:relative; bottom:5px; left:0px; width:100%; height:10%; min-height:48px; background:#000; }

#body_line_t { position:fixed; top:0px; left:0px; z-index:9999; width:100%; height:5px; background:#cfb138; }
#body_line_r { position:fixed; top:0px; right:0px; z-index:9999; width:5px; height:100%; background:#cfb138; -webkit-transition-delay:.2s; transition-delay:.2s; }
#body_line_d { position:fixed; right:0px; bottom:0px; z-index:9999; width:100%; height:5px; background:#cfb138; -webkit-transition-delay:.1s; transition-delay:.1s; }
#body_line_l { position:fixed; bottom:0px; left:0px; z-index:9999; width:5px; height:100%; background:#cfb138; -webkit-transition-delay:.3s; transition-delay:.3s; }

/* ----- HEADER ----- */
#inx_header { position:relative; width:100%; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
#header { position:relative; width:100%; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }

/* ----- NAV ----- */
#header #nav_all { padding:10px 25px; }
#nav_all { position:absolute; top:0px; left:0px; z-index:998; width:100%; margin:0 auto; padding:25px; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box; }

/*LOGO*/
#logo { float:left; }
#logo a { display:block; margin:0; padding:0; width:335px; height:60px; background:url(../images/logo.svg) no-repeat left center; text-indent:-9999px; }
#header #logo { display:none; }
#logo_m { display:none; position:absolute; top:5px; left:5px; z-index:999; width:170px; }
#logo_m a { display:block; width:170px; height:54px; text-indent:-9999px; }

/*不放LOGO圖(LOGO改放slicknav_menu背景) 單純留連結用*/
/*NAV 導覽選單*/
#nav { float:right; }
#nav ul { margin:0; padding:6px 0; overflow:auto; }
#nav ul li { float:left; margin:0; padding:0; list-style:none; font-size:90%; line-height:18px; border-right:solid 1px #FFF;
-webkit-text-shadow:rgba(0, 0, 0, 0.6) 0px 0 5px;
-moz-text-shadow:rgba(0, 0, 0, 0.6) 0px 0 5px;
-ms-text-shadow:rgba(0, 0, 0, 0.6) 0px 0 5px;
-o-text-shadow:rgba(0, 0, 0, 0.6) 0px 0 5px;
text-shadow:rgba(0, 0, 0, 0.6) 0px 0 5px; }
#nav ul li a { display:block; padding:0 10px; color:#FFF; }
#nav ul li a:hover,#nav ul li a.cur { color:#ffe393; }
#nav ul li a .typcn-shopping-cart { font-size:1.1em; padding-right:3px;}
/*#nav ul li:first-child { border-left:none; }*/

/*FONT SIZE文字大中小*/
#fsize { float:right; padding:0 0 0 5px; }
#fsize ul { margin:0; padding:0; overflow:auto; }
#fsize ul li { float:left; margin:0 3px; padding:0; list-style:none; font-size:90%; line-height:30px; color:#FFF; }
#fsize ul li a { display:block; background:#b18c40; padding:0px 8px; color:#FFF; font-size:110%;/*20170723修改*/ }
#fsize ul li a:hover,#fsize ul li a.cur { background:#ac6a08; }
#fsize ul li a:focus { background:#ac6a08; }

/*LAN 語系選擇*/
#lan { float:right; position:relative; margin:0 5px;}
#lan a { display:block; /*font-size:90%;*/ color:#FFF; padding:5px 30px 5px 10px; height:20px; background:#b18c40 url(../images/select_arrow.png) no-repeat 78px 12px; font-size:95%;/*20170723修改*/}
#lan ul { display:none; list-style-type:none; margin:0; padding:0;}
#lan ul li a { display:block; height:auto; padding:10px; background:#b18c40; padding:5px 10px;}
#lan a:focus { background:#ac6a08 url(../images/select_arrow.png) no-repeat 78px 12px; }
#lan ul li a:focus,#lan ul li a:hover { background:#ac6a08; }
.slicknav_nav .lan_m a { margin:5px; color:#434343 !important; padding:5px 30px 5px 10px; background:#f5f5f5 url(../images/select_arrow_m.png) no-repeat right center; -webkit-box-sizing:border-box; box-sizing:border-box;}
.slicknav_nav .lan_m a:hover { color:#ffffff !important; background:#cfb138 url(../images/select_arrow_m02.png) no-repeat right center ;}
.slicknav_nav .lan_m ul { margin:-5px 0 5px 0;}
.slicknav_nav .lan_m ul li { border:none;}
.slicknav_nav .lan_m ul li a { margin:0 5px ; background:#f5f5f5}
.slicknav_nav .lan_m ul li a:hover { background:#cfb138;}
.slicknav_nav ul.language-list { display: none; }

/*SEARCH*/
#search { position:relative; float:right; width:180px; height:30px; overflow:hidden; }
#search label { position:absolute; top:-15px; left:0px; font-size:90%; line-height:15px; }
#search .text { float:left; margin:0; padding:5px; width:140px; height:20px; border:none; background:#b18c40; /*font-size:90%;*/ color:#FFF; font-size:95%;/*20170723修改*/}
#search .text:focus { background:#ac6a08; }
#search .btn { float:left; margin:0; padding:0; width:30px; height:30px; border:none; background:#b18c40 url(../images/icon_search.png) no-repeat center; text-indent:9999px; }
#search .btn:focus { background:#ac6a08 url(../images/icon_search.png) no-repeat center; }

.search_m { position:relative; width:100%; height:40px; padding:5px 35px 5px 5px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.search_m label { position:absolute; top:-15px; left:0px; font-size:90%; line-height:15px; text-indent:-99px }
.search_m .text { margin:0; padding:5px 10px; width:100%; height:30px; border:none; background:#f5f5f5; font-size:100%; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box; }
.search_m .btn { position:absolute; top:5px; right:5px; margin:0; padding:0; width:30px; height:30px; border:none; background:#cfb138 url(../images/icon_search.png) no-repeat center; text-indent:9999px; }

/*GROUPS 社群連結*/
#groups { float:right; }
#groups ul { margin:0; padding:0; overflow:auto; }
#groups ul li { float:left; margin:0 0 0 5px; padding:0; list-style:none; width:30px; height:30px; }
#groups ul li a { display:block; font-size:130%; line-height:26px; text-align:center; color:#FFF; }
#groups ul li:nth-child(1) { background:#27479e; } /*facebook底色*/
#groups ul li:nth-child(2) { background:#bf212d; } /*google底色*/

/* ----- MENU ----- */
#header #menu_all { top:45px; }
#inx_menu_all { position:absolute; bottom:-80px; left:0px; z-index:998; width:100%; height:81px; margin:5px auto; padding:0 5px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#FFF; border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3;
-webkit-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px; }
#menu_all { position:absolute; bottom:-80px; left:0px; z-index:996; width:100%; height:81px; margin:5px auto; padding:0 5px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#FFF; border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3;
-webkit-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px; }

/*MENU_手機板選單*/
#m_top_menu { display:none; }
.slicknav_menu { display:none; }

/*MENU*/
#top_menu { width:1200px; margin:0 auto; }
#top_menu ul { margin:0; padding:0; overflow:auto; }
#top_menu ul li { float:left; margin:0; padding:0; list-style:none; width:12.5%; }
#top_menu ul li h2 { margin:0; padding:0; font-size:128%; line-height:24px; pointer-events:none; }
#top_menu ul li a { position:relative; display:block; padding:28px 5px; text-align:center; color:#333; }
#top_menu ul li a:hover,#top_menu ul li.cur a { color:#ac6a08; }
#top_menu ul li a:after { content:""; position:absolute; left:50%; bottom:0; width:0px; margin-left:-1px; border-bottom:solid 3px #FFF; transition:all .3s ease-in-out; }
#top_menu ul li a:hover:after,#top_menu ul li .cur:after,#top_menu ul li.cur a:after { border-bottom:solid 3px #cfb138; margin-left:-50%; width:100%; }
#top_menu ul li ul { position:absolute; top:80px; left:50%; z-index:999; width:1200px; margin:0 0 0 -600px; padding:10px 20px; height:auto; -webkit-box-sizing:border-box; box-sizing:border-box; background:url(../images/bg_g90.png) repeat;
-webkit-border-radius:0 0 20px 20px;
-moz-border-radius:0 0 20px 20px;
-ms-border-radius:0 0 20px 20px;
-o-border-radius:0 0 20px 20px;
border-radius:0 0 20px 20px; }
#top_menu ul li ul li { width:auto; margin:0 3px; }
#top_menu ul li ul li h2 { margin:0; padding:0; font-size:110%; /*20170723修改*/ line-height:24px; display:inline-block; }
#top_menu ul li ul li span { font-size:150%; padding:0 5px 0 0; color:#ac6a08; }
#top_menu ul li ul li a,#top_menu ul li.cur ul li a { position:relative; display:block; padding:0px 15px 5px 15px; text-align:center; color:#FFF; }
#top_menu ul li ul li a:hover,#top_menu ul li ul li a:focus,#top_menu ul li ul li.cur a { background:#FFF; color:#ac6a08;
-webkit-border-radius:17px;
-moz-border-radius:17px;
-ms-border-radius:17px;
-o-border-radius:17px;
border-radius:17px; }
#top_menu ul li ul li a:after { border:none; }
#top_menu ul li ul li a:hover:after,#top_menu ul li.cur ul li a:after { border:none; }
#header #top_menu .logo { display:block; width:16%; }
#header #top_menu .logo a { padding:5px 0; }
#header #top_menu ul li { width:10.5%; }
#header #top_menu ul li ul li { width:auto; }
#top_menu .logo { display:none; }
#top_menu .m_open { display:none !important; }

/*----- HEADER 收縮 -----*/
.logo a h1 { margin:0; padding:0; height:70px; background:url(../images/logos.svg) no-repeat center; background-size:150px; text-indent:-9999px; }
.shrink { position:fixed !important; top:0px !important; left:0px; width:100%; max-height:72px !important; }
.shrink #top_menu .logo { display:block; width:16%; }
.shrink #top_menu ul li { display:block; width:10.5%; }
.shrink #top_menu ul li a { padding:23px 5px; }
.shrink #top_menu ul li ul { top:70px; }
.shrink #top_menu ul li ul li { width:auto; }
.shrink #top_menu ul .logo a { padding:0px !important; }

/* ----- BANNER ----- */
#banner { position:relative; width:100%; max-height:770px; margin:0 auto; overflow:hidden; }
#banner .banner_arrow_l { display:block; position:absolute; top:50%; left:0px; margin:-30px 0 0 0; background:url(../images/icon_arrow_l.svg) no-repeat; width:60px; height:60px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; z-index:997; }
#banner .banner_arrow_l:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#banner .banner_arrow_r { display:block; position:absolute; top:50%; ; right:0px; margin:-30px 0 0 0; background:url(../images/icon_arrow_r.svg) no-repeat; width:60px; height:60px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; z-index:997; }
#banner .banner_arrow_r:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

#banner .pic b { position:relative; display:block; margin:0 auto; width:100%; height:auto; max-width:1920px; max-height:700px; overflow:hidden; }
#banner .pic b:before { position:absolute; top:0px; left:0px; z-index:997; content:""; width:100%; height:157px; background:url(../images/banner_topbg.png) repeat-x top left; }
#banner .pic b img { width:100%; margin:0 auto; }

#banner .cycle-slide { margin:0 auto; }
#banner .cycle-pager { text-align:center; width:98%; padding:1%; z-index:500; position:absolute; bottom:0px; overflow:hidden; }
#banner .cycle-pager span { font-family:arial; font-size:250%; width:18px; height:18px; display:inline-block; color:#FFF; cursor:pointer;
-webkit-text-shadow:rgba(0, 0, 0, 0.4) 0px 0 5px;
-moz-text-shadow:rgba(0, 0, 0, 0.4) 0px 0 5px;
-ms-text-shadow:rgba(0, 0, 0, 0.4) 0px 0 5px;
-o-text-shadow:rgba(0, 0, 0, 0.4) 0px 0 5px;
text-shadow:rgba(0, 0, 0, 0.4) 0px 0 5px; }
#banner .cycle-pager span.cycle-pager-active { color:#ac6a08; }
#banner .cycle-pager>* { cursor:pointer; }
#banner .cycle-slide-active img { -moz-transition-duration:15s;
-moz-transform-origin:1;
-moz-transform:scale(1.1);
-webkit-transition-duration:15s;
-webkit-transform-origin:1;
-webkit-transform:scale(1.1);
-o-transition-duration:15s;
-o-transform-origin:1;
-o-transform:scale(1.1);
-ms-transition-duration:15s;
-ms-transform-origin:1;
-ms-transform:scale(1.1);
transition-duration:15s;
transform-origin:1;
transform:scale(1.1); }
#banners { display:none; position:relative; width:100%; max-height:700px; margin:0 auto; overflow:hidden; }
#banners .banner_arrow_l { display:block; position:absolute; top:50%; left:0px; margin:-30px 0 0 0; background:url(../images/icon_arrow_l.svg) no-repeat; width:60px; height:60px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; z-index:997; }
#banners .banner_arrow_l:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#banners .banner_arrow_r { display:block; position:absolute; top:50%; right:0px; margin:-30px 0 0 0; background:url(../images/icon_arrow_r.svg) no-repeat; width:60px; height:60px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; z-index:997; }
#banners .banner_arrow_r:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

#banners .pic b { position:relative; display:block; margin:0 auto; width:100%; height:auto; max-width:1200px; max-height:1000px; overflow:hidden; }
#banners .pic b:before { position:absolute; top:0px; left:0px; z-index:997; content:""; width:100%; height:157px; background:url(../images/banner_topbg.png) repeat-x top left; }
#banners .pic b img { width:100%; }

#banners .cycle-pager { text-align:center; width:96%; padding:2%; z-index:500; position:absolute; bottom:0px; overflow:hidden; }
#banners .cycle-pager span { font-family:arial; font-size:250%; width:18px; height:18px; display:inline-block; color:#FFF; cursor:pointer;
-webkit-text-shadow:rgba(0, 0, 0, 0.4) 0px 0 5px;
-moz-text-shadow:rgba(0, 0, 0, 0.4) 0px 0 5px;
-ms-text-shadow:rgba(0, 0, 0, 0.4) 0px 0 5px;
-o-text-shadow:rgba(0, 0, 0, 0.4) 0px 0 5px;
text-shadow:rgba(0, 0, 0, 0.4) 0px 0 5px; }
#banners .cycle-pager span.cycle-pager-active { color:#ac6a08; }
#banners .cycle-pager>* { cursor:pointer; }

#bannerss { height:130px; overflow:hidden; }
#bannerss b { position:relative; display:block; margin:0 auto; width:100%; height:auto; max-width:1920px; max-height:700px; overflow:hidden;
-webkit-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px; }
#bannerss b:before { position:absolute; top:0px; left:0px; z-index:995; content:""; width:100%; height:157px; background:url(../images/banner_topbg.png) repeat-x top left; }
#bannerss b img { width:100%; margin-bottom:-4px; }

/* ----- CONTENT ----- */
#inx_content { width:100%; margin:75px auto 0 auto; background:url(../images/bg_all.png) no-repeat top center; }
#content_all { position:relative; width:100%; min-height:500px; margin:0 auto; background:url(../images/inx_top_bg.png) no-repeat top center fixed; }
#content { position:relative; width:1200px; margin:0 auto; padding:30px 0; }
#content .accesskey_c { position:absolute; top:30px; left:0px; }
#content .accesskey_l { position:absolute; top:80px; left:0px; }

/*FULL滿版區塊*/
#full_block {}

/*LEFT左邊區塊*/
#left_block { float:left; width:250px; }

/*SUB_MENU*/
#sub_tit { width:210px; height:40px; margin:0 0 10px 0; padding:6px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#000 url(../images/tit_bg.png) no-repeat 150px 16px;  color:#FFF;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#sub_tit h2 { margin:0; padding:0; font-size:140%; line-height:28px; }

#sub_tit:hover { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; }
#sub_menu { margin:0; padding:0; background:#FFF; border-top:solid 4px #cfb138;
-webkit-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px; }
#sub_menu li { margin:0; padding:0; list-style:none; }
#sub_menu li span { font-size:120%; padding:0 5px 0 0; color:#ac6a08; }
#sub_menu li a { display:block; padding:10px 12px; font-size:110%; line-height:24px; color:#555; border-bottom:solid 1px #ddd; }
#sub_menu li a:hover,#sub_menu li a:focus,
#sub_menu li.cur a { background:#cfb138; color:#383838;/*20170723修改*/ border-bottom:solid 1px #cfb138; }
#sub_menu li.cur ul li a { background:none; color:#555; border-bottom:solid 1px #ddd; }
#sub_menu li ul { margin:0; padding:0 0 0 15px; background:#eee; }
#sub_menu li ul li h2 { margin:0; padding:0; font-size:110%; line-height:24px; display:inline-block; }
#sub_menu li ul li span { font-size:110%; color:#cfb138; }
#sub_menu li ul li a { font-size:100%; }
#sub_menu li ul li a:hover,#sub_menu li ul li.cur a { background:none; color:#ac6a08; border-bottom:solid 1px #cfb138; }

/* ----- MAIN主要區塊 -----*/
/*PATH麵包屑*/
#path { font-size:75%; line-height:20px; text-align:right; color:#999; margin:0 0 10px 0; padding:20px 5px 0 0; }
#path a { /*color:#999;*/color:#5a5a5a;/*20170723修改*/ }
#path a:hover,#path a.cur { color:#333; }
/*print列印區塊*/
#printcontext { background:#FFF; border-top:solid 4px #cfb138;
-webkit-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.4) 0px 0 10px; }
/*MAIN主要區塊*/
#main_block { width:calc(100%-280px); padding:0 0 0 280px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#main_tit { border-bottom:solid 1px #cfb138; padding:0 15px; }
#main_tit h3 { margin:0px; padding:15px 0; font-size:180%; line-height:35px; }
#main_tit span { font-size:120%; color:#ac6a08; }
#newsday { padding:30px 30px 5px 30px; font-size:85%; color:#ac6a08;/*20170723修改*/ font-family:Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif; }
#main_info { padding:5px 30px; min-height:300px; }
/*文案內快速搜尋框*/
.box_search { position:relative; height:30px; margin:10px 0; padding:0 30px 0 110px; }
.box_search .tit { position:absolute; top:0px; left:0px; width:110px; height:30px; font-size:90%; line-height:30px; color:#555; }
.box_search .text { margin:0; padding:5px; width:100%; height:30px; background:#f5f5f5; font-size:90%; color:#999; border:solid 1px #cfb138; -webkit-box-sizing:border-box; box-sizing:border-box; }
.box_search .sel { margin:0; padding:5px; width:100%; height:30px; background:#f5f5f5 url(../images/selectarrow_k.png) no-repeat center right; font-size:90%; color:#999; border:solid 1px #cfb138; -webkit-box-sizing:border-box; box-sizing:border-box; }
.box_search .btn { position:absolute; top:0px; right:0px; margin:0; padding:0; width:30px; height:30px; border:solid 1px #cfb138; background:#cfb138 url(../images/icon_search.png) no-repeat center; text-indent:9999px; }
/*文案內快速搜尋框 有年度下拉*/
.box_search2 { position:relative; height:30px; margin:10px 0; padding:0 30px 0 110px; }
.box_search2 .tit { position:absolute; top:0px; left:0px; width:110px; height:30px; font-size:90%; line-height:30px; color:#555; }
.box_search2 .sel { float:left; margin:0 1% 0 0; padding:5px; width:14%; height:30px; background:#f5f5f5 url(../images/selectarrow_k.png) no-repeat center right; font-size:90%; color:#999; border:solid 1px #cfb138; -webkit-box-sizing:border-box; box-sizing:border-box; }
.box_search2 .sel:focus { background:#F4F2D5;}
.box_search2 .text { margin:0; padding:5px; width:85%; height:30px; background:#f5f5f5; font-size:90%; color:#999; border:solid 1px #cfb138; -webkit-box-sizing:border-box; box-sizing:border-box; }
.box_search2 .text:focus { background:#F4F2D5;}
.box_search2 .btn { position:absolute; top:0px; right:0px; margin:0; padding:0; width:30px; height:30px; border:solid 1px #cfb138; background:#cfb138 url(../images/icon_search.png) no-repeat center; text-indent:9999px; }
/*內文空值*/
.box_null { font-size:120%; line-height:2em; color:#CFB138; text-align:center; padding:20% 0; }

/* ----- FOOTER -----*/
#footer_all { width:100%; margin:0; background:url(../images/footer_bg.png) top center repeat; }
#footer { width:1200px; margin:0 auto; padding:20px 0; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
#footer_l { float:left; }
#footer_r { float:right; }

#don_menu { margin:0 0 15px 0; }
#don_menu ul { margin:0 -10px; padding:0; overflow:auto; }
#don_menu ul li { float:left; margin:0; padding:0; list-style:none; color:#ffffcc; border-left:solid 1px #ffffcc; }
#don_menu ul li h2 { margin:0; padding:0; font-size:100%; line-height:22px; }
#don_menu ul li a { display:block; padding:0 10px; color:#ffffcc; }
#don_menu ul li a:hover,#don_menu ul li a:focus,#don_menu ul li.cur a { color:#FFF; }
#don_menu ul li:first-child { border:none; }

#copyright { font-size:90%; line-height:18px; color:#ffffcc; }
#aplus { float:right; }
#count { float:right; text-align:right; margin:0 10px; }
#count p { display:inline-block; margin:0; padding:0; font-size:80%; line-height:15px; color:#ffffcc; }
#count span { display:inline-block; margin:0; padding:0; font-size:80%; line-height:15px; color:#ffffcc; }

#society { clear:both; margin:0; padding:10px 0 0 0; }
#society ul { margin:0; padding:0; overflow:auto; }
#society ul li { float:right; margin:0 3px; padding:0; list-style:none; }
#society ul li a { display:block; width:22px; height:22px; font-size:0; opacity:1;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#society ul li a:hover { opacity:0.6; }

.icon_googleplus { background:url(../images/community/icon_googleplus_d.svg) no-repeat; }
.icon_facebook { background:url(../images/community/icon_facebook_d.svg) no-repeat; }
.icon_line { background:url(../images/community/icon_line_d.svg) no-repeat; }
.icon_weibo { background:url(../images/community/icon_weibo_d.svg) no-repeat; }
.icon_wechat { background:url(../images/community/icon_wechat_d.svg) no-repeat; }
.icon_twitter { background:url(../images/community/icon_twitter_d.svg) no-repeat; }
.icon_plurk { background:url(../images/community/icon_plurk_d.svg) no-repeat; }

/* ======================= 主要內容區塊 ======================= */
/*INDEX*/
/*首頁區塊_上*/
#inx_top_box_all { width:100%; margin:0 auto; padding:60px 0 50px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_top_box { width:1200px; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_top_box:after { content:""; clear:both; }

/*首頁區塊_中*/
#inx_con_box_all { width:100%; margin:0 auto 70px auto; padding:50px 0; -webkit-box-sizing:border-box; box-sizing:border-box; background:url(../images/bg02.png) repeat top center; }
#inx_con_box { width:1200px; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_con_box:after { content:""; clear:both; }

/*首頁區塊_下*/
#inx_don_box_all { width:100%; margin:0 auto; padding:0 0 60px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_don_box { position:relative; width:1200px; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_don_box:after { content:""; clear:both; }

/*首頁標題連結視窗*/
#tit_menu_box { position:relative; max-width:800px; margin:10% auto; padding:30px; background:#FFF; }
#tit_menu_box .box_tit h2 { margin:5px 0 25px 0; padding:0; font-size:150%; line-height:24px; color:#000; }
#tit_menu_box .box_tit h2 span { font-size:80%; color:#aaa; }
#tit_menu_box .box_info {}
#tit_menu_box .box_info ul { margin:0; padding:0; overflow:auto; }
#tit_menu_box .box_info ul li { float:left; margin:0 8px 8px 0; padding:0; list-style:none; }
#tit_menu_box .box_info ul li h2 { margin:0; padding:0; font-size:110%; line-height:20px; }
#tit_menu_box .box_info ul li h2 span { font-size:110%; line-height:20px; }
#tit_menu_box .box_info ul li a { display:block; padding:6px 15px 6px 11px; background:#cfb138; color:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#tit_menu_box .box_info ul li a:hover { background:#ac6a08; }

/*最新消息*/
#inx_news_box { position:relative; }
#inx_news_box>a { position:absolute; top:0px; left:0px; }
#inx_news_box>a:focus {border:3px solid #cfb138;}
#inx_news_box .box_tit { margin:0 0 20px 0; }
#inx_news_box .box_tit h2 { margin:0; padding:0; font-size:150%; line-height:28px; }
#inx_news_box .box_tit a { display:block; width:210px; height:40px; padding:6px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#000 url(../images/tit_bg.png) no-repeat 150px 16px; color:#FFF;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_news_box .box_tit a:hover { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; }
#inx_news_box .box_tit a:focus { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; border:3px solid #cfb138; }

/*最新消息列表01_有圖*/
#inx_news_box .box_list01 { float:left; width:60%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_news_box .box_list01 ul { margin:-1%; padding:0; overflow:auto; }
#inx_news_box .box_list01 ul li { position:relative; float:left; margin:1% 1% 10px 1%; padding:0; list-style:none; width:48%; background:#FFF; }
#inx_news_box .box_list01 ul li a { display:block; border:solid 1px #e5e5e5;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_news_box .box_list01 ul li a:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px; }
/*最新消息列表01_有圖_手機板*/
#inx_news_box .box_list01_m { display:none; margin:0 0 20px 0; }
#inx_news_box .box_list01_m ul { margin:-1%; padding:0; }
#inx_news_box .box_list01_m ul li { position:relative; float:left; margin:1%; padding:0; list-style:none; width:auto; background:#FFF; }
#inx_news_box .box_list01_m ul li a { display:block; overflow:auto; border:solid 1px #e5e5e5;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_news_box .box_list01_m ul li a:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px; }
#inx_news_box .owl-nav { display:none; }
#inx_news_box .owl-dots { margin:10px 0; }

/*最新消息列表02_無圖*/
#inx_news_box .box_list02 { float:left; width:40%; padding:0 0 0 15px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_news_box .box_list02 ul { margin:-1%; padding:0; overflow:auto; }
#inx_news_box .box_list02 ul li { position:relative; float:left; margin:1% 1% 10px 1%; padding:0; list-style:none; width:98%; background:#FFF; }
#inx_news_box .box_list02 ul li a { display:block; border:solid 1px #e5e5e5;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_news_box .box_list02 ul li a:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0 0 10px; }

/*列表圖片區塊*/
#inx_news_box .box_pic {}
#inx_news_box .box_pic b { position:relative; display:block; margin:0; padding:0; width:100%; height:220px; background:#ccc; overflow:hidden; }
#inx_news_box .box_pic b:before { position:absolute; bottom:0px; left:0px; z-index:997; content:""; width:100%; height:20px; background:url(../images/news_picbg02.png) repeat-x bottom left; }
#inx_news_box .box_pic b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
/*列表文字區塊*/
#inx_news_box .box_text { padding:20px 0 0 0; }
#inx_news_box .box_text i { position:relative; display:block; margin:0 20px 20px 20px; padding:0; font-style:normal; font-size:90%; line-height:20px; color:#666; }
#inx_news_box .box_text i:after { content:""; position:absolute; left:0; bottom:0; width:28px; border-bottom:solid 1px #cfb138; }
#inx_news_box .box_text h3 { margin:0 20px 20px 20px; padding:0; font-size:120%; line-height:28px; color:#000; height:56px; overflow:hidden; }
#inx_news_box .box_text span { display:block; margin:0 60px 19px 20px; padding:0; font-size:75%; line-height:16px; color:#ac6a08;/*20170723修改*/ }
#inx_news_box .box_text samp { position:absolute; bottom:0px; right:0px; display:block; margin:0; padding:0; width:50px; height:50px; background:#ac6a08;/*20170723修改*/ font-family:Arial; font-size:85%; line-height:50px; text-align:center; color:#FFF; }


/*得獎酒品*/
#inx_pro_box .box_tit { margin:0 0 30px 0; }
#inx_pro_box .box_tit h2 { margin:0; padding:0; font-size:150%; line-height:28px; }
#inx_pro_box .box_tit a { display:block; width:210px; height:40px; padding:6px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#000 url(../images/tit_bg.png) no-repeat 150px 16px; color:#FFF;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_pro_box .box_tit a:hover { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; }
#inx_pro_box .box_list {}
#inx_pro_box .box_list ul { margin:0; padding:0; }
#inx_pro_box .box_list ul li { position:relative; margin:0; padding:2px; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; background:#cfb138; color:#333; line-height:20px; text-align:center; overflow:hidden; }
#inx_pro_box .box_list ul li b { display:block; width:100%; height:auto; }
#inx_pro_box .box_list ul li b img { width:100%; height:auto; }
#inx_pro_box .box_list ul li h3 { position:absolute; bottom:-32px; left:2px; right:2px; z-index:997; height:0px; margin:0; padding:15px; -webkit-box-sizing:border-box; box-sizing:border-box; background:url(../images/bg_b80.png) repeat; font-size:120%; line-height:24px; text-align:left; color:#FFF; overflow:hidden;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_pro_box .box_list ul li:hover h3 { bottom:2px; height:78px; }
#inx_pro_box .box_list ul li:hover { background:#FFF;
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }
#inx_pro_box .owl-dots { display:none; }
/*noscript*/
#inx_pro_box .box_list noscript ul { overflow:auto; }
#inx_pro_box .box_list noscript ul li { float:left; width:20%; }

/*社群媒體*/
#inx_fb_box { position:absolute; top:0px; left:0px; }
#inx_fb_box .box_tit { margin:0 0 20px 0; }
#inx_fb_box .box_tit h2 { margin:0; padding:0; font-size:150%; line-height:28px; }
#inx_fb_box .box_tit a { display:block; width:210px; height:40px; padding:6px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#000 url(../images/tit_bg.png) no-repeat 150px 16px; color:#FFF;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_fb_box .box_tit a:hover { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; }
#inx_fb_box .box_tit a:focus { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; border:3px solid #cfb138; }
#inx_fb_box .box_info { width:480px; height:408px; border:solid 2px #cfb138; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_fb_box .box_info_m { display:none; width:100%; border:solid 2px #cfb138; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box; }

/*影音典藏*/
#inx_ad_box { padding:0 0 0 500px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_ad_box .box_tit { margin:0 0 20px 0; }
#inx_ad_box .box_tit h2 { margin:0; padding:0; font-size:150%; line-height:28px; }
#inx_ad_box .box_tit a { display:block; width:210px; height:40px; padding:6px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#000 url(../images/tit_bg.png) no-repeat 150px 16px; color:#FFF;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_ad_box .box_tit a:hover { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; }
#inx_ad_box .box_tit a:focus { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; border:3px solid #cfb138; }
#inx_ad_box .box_list { height:428px; }
#inx_ad_box .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#inx_ad_box .box_list ul li { position:relative; float:left; margin:0 1% 20px 1%; padding:0; list-style:none; width:31.3333%; }
#inx_ad_box .box_list ul li b { display:block; margin:0; padding:0; width:100%; height:190px; background:#ccc; overflow:hidden; }
#inx_ad_box .box_list ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
#inx_ad_box .box_list ul li h3 { position:absolute; bottom:0px; left:2px; right:2px; z-index:997; height:0px; margin:0; padding:0px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; background:url(../images/bg_b80.png) repeat; font-size:110%; line-height:24px; text-align:left; color:#FFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_ad_box .box_list ul li:hover h3 { bottom:2px; height:20%; padding:8px 10px; }
#inx_ad_box .box_list ul li a { display:block; border:solid 2px #cfb138; }
#inx_ad_box .box_list ul li a:focus { border:solid 2px #98baf1;}
#inx_ad_box .box_list ul li a:focus h3 { bottom:2px; height:20%; padding:8px 10px;}

#inx_ad_box .box_list_m { display:none; }
#inx_ad_box .box_list_m ul { margin:0; padding:0; }
#inx_ad_box .box_list_m ul li { position:relative; margin:0; padding:0; list-style:none; width:auto; }
#inx_ad_box .box_list_m ul li b { display:block; margin:0; padding:0; width:100%; height:190px; background:#ccc; overflow:hidden; }
#inx_ad_box .box_list_m ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
#inx_ad_box .box_list_m ul li h3 { position:absolute; bottom:0px; left:2px; right:2px; z-index:997; height:0px; margin:0; padding:0px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; background:url(../images/bg_b80.png) repeat; font-size:110%; line-height:24px; text-align:left; color:#FFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_ad_box .box_list_m ul li:hover h3 { bottom:2px; height:20%; padding:8px 10px; }
#inx_ad_box .box_list_m ul li a { display:block; border:solid 2px #cfb138; }


/*相關連結*/
#inx_link_box { margin:20px 0 0 0; }
#inx_link_box .box_tit { margin:0 0 20px 0; }
#inx_link_box .box_tit h2 { margin:0; padding:0; font-size:150%; line-height:28px; }
#inx_link_box .box_tit a { display:block; width:210px; height:40px; padding:6px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#000 url(../images/tit_bg.png) no-repeat 150px 16px; color:#FFF;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_link_box .box_tit a:hover { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; }
#inx_link_box .box_tit a:focus { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; border:3px solid #cfb138; }
#inx_link_box .box_list {}
#inx_link_box .box_list ul { margin:0; padding:0; }
#inx_link_box .box_list ul li { position:relative; margin:0; padding:2px; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; background:#cfb138; color:#333; line-height:20px; text-align:center; overflow:hidden; }
#inx_link_box .box_list ul li a { display:block;}
#inx_link_box .box_list ul li b { display:block; width:100%; height:auto; }
#inx_link_box .box_list ul li b img { width:100%; height:auto; }
#inx_link_box .box_list ul li h3 { position:absolute; bottom:-32px; left:2px; right:2px; z-index:997; height:0px; margin:0; padding:5px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; background:url(../images/bg_b80.png) repeat; font-size:110%; line-height:24px; text-align:left; color:#FFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#inx_link_box .box_list ul li:hover h3 { bottom:2px; height:30%; }
#inx_link_box .box_list ul li:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; 
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; 
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }
#inx_link_box .box_list ul li a:focus { border:solid 2px #98baf1;}
#inx_link_box .box_list ul li a:focus h3 { bottom:2px; height:30%;}

#inx_link_box .owl-dots { display:none; }
#inx_link_box .owl-nav .owl-prev { background:url(../images/arrowy_l.png) center no-repeat; }
#inx_link_box .owl-nav .owl-next { background:url(../images/arrowy_r.png) center no-repeat; }
/*noscript*/
#inx_link_box .box_list noscript ul { overflow:auto; }
#inx_link_box .box_list noscript ul li { float:left; width:20%; }


/*HOMEPAGE*/
#home_box { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; 
background:#FFCC33;
background:-moz-radial-gradient(center, ellipse cover, #FFCC33 1%, #ac6a08 100%);
background:-webkit-radial-gradient(center, ellipse cover, #FFCC33 1%,#ac6a08 100%);
background:radial-gradient(ellipse at center, #FFCC33 1%,#ac6a08 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC33', endColorstr='#ac6a08',GradientType=1 ); }
#home_box .box_info { position:relative; top:50%; z-index:9998; margin:-350px auto; width:800px; height:700px; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; }
#home_box .box_pic { float:left; width:350px; height:680px; overflow:hidden; }
#home_box .box_pic img { width:100%; }
#home_box .box_text { padding:150px 0 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
#home_box .box_text .logo { display:none; margin:0 0 50px 0; }
#home_box .box_text .logo h1 { margin:0 auto; padding:0; width:450px; height:80px; background:url(../images/logo.svg) no-repeat center; text-indent:-9999px; }
#home_box .box_text p { margin:0; padding:0 0 10px 0; font-size:360%; line-height:1.2em; font-weight:bold; color:#fff;
-webkit-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
text-shadow:rgba(0,0,0,0.4) 0px 0 5px; }
#home_box .box_text span { display:block; margin:0; padding:0 0 50px 0px; font-size:150%; line-height:1.2em; font-weight:bold; color:#ffc; }
#home_box .ynbtn a { display:inline-block; width:130px; height:130px; margin:0 15px; padding:20px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#000; font-size:200%; line-height:90px; text-align:center; color:#FFF;
-webkit-transition:0.4s ease-in-out;
   -moz-transition:0.4s ease-in-out;
    -ms-transition:0.4s ease-in-out;
     -o-transition:0.4s ease-in-out;
        transition:0.4s ease-in-out; }
#home_box .ynbtn a:hover { background:#ac6a08;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg); }

#home_box .lanbtn a { display:inline-block; width:50%; height:80px; margin:10px 1%; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; background:#000; font-size:200%; line-height:80px; text-align:center; color:#FFF;
-webkit-transition:0.4s ease-in-out;
   -moz-transition:0.4s ease-in-out;
    -ms-transition:0.4s ease-in-out;
     -o-transition:0.4s ease-in-out;
        transition:0.4s ease-in-out; }
#home_box .lanbtn a:hover { background:#ac6a08;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-ms-border-radius:20px;
-o-border-radius:20px;
border-radius:20px; }


/*泡泡動畫*/
.bg-bubbles { position:absolute; top:0; left:0; margin:0; padding:0; width:100%; height:100%; z-index:1; }
.bg-bubbles li { position:absolute; list-style:none; display:block; width:20px; height:20px; bottom:0px;
background:-moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.6) 80%, rgba(255,255,255,1) 100%);
background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,1) 100%);
background:radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
border-top:solid 1px rgba(255,255,255,0.4);
border-left:solid 1px rgba(255,255,255,0.4);
border-right:solid 1px rgba(255,255,255,0.4);
border-bottom:solid 1px rgba(255,255,255,0.4);
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-animation:square 25s infinite; 
animation:square 25s infinite; 
-webkit-transition-timing-function:linear; 
transition-timing-function:linear; }
.bg-bubbles li:before { content:""; display:block; position:absolute; top:5%; left:50%; margin:0 0 0 -12%; width:24%; height:12%; background:#FFF;
background:-moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
-webkit-box-shadow:rgba(255,255,255,0.8) 0px 0 20px;
-moz-box-shadow:rgba(255,255,255,0.8) 0px 0 20px;
-ms-box-shadow:rgba(255,255,255,0.8) 0px 0 20px;
-o-box-shadow:rgba(255,255,255,0.8) 0px 0 20px;
box-shadow:rgba(255,255,255,0.8) 0px 0 20px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%; }
.bg-bubbles li:nth-child(1) { left:23%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:-0.3s; animation-delay:-0.3s; opacity:0.6; }
.bg-bubbles li:nth-child(2) { left:8%; width:60px; height:60px; bottom:-60px; -webkit-animation-delay:-0.5s; animation-delay:-0.5s; -webkit-animation-duration:17s; animation-duration:17s; opacity:0.6; }
.bg-bubbles li:nth-child(3) { left:65%; -webkit-animation-delay:1s; animation-delay:1s; }
.bg-bubbles li:nth-child(4) { left:480%; width:40px; height:40px; bottom:-40px; -webkit-animation-duration:22s; animation-duration:22s; opacity:0.6; }
.bg-bubbles li:nth-child(5) { left:33%; }
.bg-bubbles li:nth-child(6) { left:70%; width:70px; height:70px; bottom:-70px; -webkit-animation-delay:-0.8s; animation-delay:-0.8s; opacity:0.6; }
.bg-bubbles li:nth-child(7) { left:13%; width:85px; height:85px; bottom:-85px; -webkit-animation-delay:-2.5s; animation-delay:-2.5s; }
.bg-bubbles li:nth-child(8) { left:80%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:-5s; animation-delay:-5s; -webkit-animation-duration:40s; animation-duration:40s; }
.bg-bubbles li:nth-child(9) { left:90%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:-0.5s; animation-delay:-0.5s; -webkit-animation-duration:40s; animation-duration:40s; opacity:0.6; }
.bg-bubbles li:nth-child(10) { left:15%; width:60px; height:60px; bottom:-60px; -webkit-animation-delay:-1s; animation-delay:-1s; -webkit-animation-delay:3s; animation-delay:3s; }

.bg-bubbles li:nth-child(11) { left:10%; width:10px; height:10px; bottom:-10px; opacity:0.6; }
.bg-bubbles li:nth-child(12) { left:35%; width:30px; height:30px; bottom:-60px; -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-duration:17s; animation-duration:17s; }
.bg-bubbles li:nth-child(13) { left:25%; -webkit-animation-delay:1s; animation-delay:1s; }
.bg-bubbles li:nth-child(14) { left:40%; width:40px; height:40px; bottom:-40px; -webkit-animation-duration:22s; animation-duration:22s; opacity:0.6; }
.bg-bubbles li:nth-child(15) { left:70%; }
.bg-bubbles li:nth-child(16) { left:80%; width:50px; height:50px; bottom:-50px; -webkit-animation-delay:0.8s; animation-delay:0.8s; opacity:0.6; }
.bg-bubbles li:nth-child(17) { left:65%; width:80px; height:80px; bottom:-80px; -webkit-animation-delay:2.5s; animation-delay:2.5s; }
.bg-bubbles li:nth-child(18) { left:55%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:5s; animation-delay:5s; -webkit-animation-duration:40s; animation-duration:40s; }
.bg-bubbles li:nth-child(19) { left:25%; bottom:-10px; -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-duration:40s; animation-duration:40s; }
.bg-bubbles li:nth-child(20) { left:90%; width:60px; height:60px; bottom:-60px; -webkit-animation-delay:3s; animation-delay:3s; }

.bg-bubbles li:nth-child(21) { left:5%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:0.8s; animation-delay:0.8s; opacity:0.6; }
.bg-bubbles li:nth-child(22) { left:60%; width:60px; height:60px; bottom:-60px; -webkit-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-duration:17s; animation-duration:17s; }
.bg-bubbles li:nth-child(23) { left:15%; -webkit-animation-delay:1.3s; animation-delay:1.3s; }
.bg-bubbles li:nth-child(24) { left:30%; width:40px; height:40px; bottom:-40px; -webkit-animation-duration:25s; animation-duration:25s; opacity:0.6; }
.bg-bubbles li:nth-child(25) { left:45%; }
.bg-bubbles li:nth-child(26) { left:65%; width:30px; height:30px; bottom:-30px; -webkit-animation-delay:1.3s; animation-delay:1.3s; opacity:0.6; }
.bg-bubbles li:nth-child(27) { left:85%; width:75px; height:75px; bottom:-75px; -webkit-animation-delay:1.8s; animation-delay:1.8s; opacity:0.6;  }
.bg-bubbles li:nth-child(28) { left:70%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:2s; animation-delay:2s; -webkit-animation-duration:40s; animation-duration:40s; }
.bg-bubbles li:nth-child(29) { left:95%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:3s; animation-delay:3s; -webkit-animation-duration:40s; animation-duration:40s; opacity:0.6; }
.bg-bubbles li:nth-child(30) { left:25%; width:50px; height:50px; bottom:-50px; -webkit-animation-delay:8s; animation-delay:8s; }

.bg-bubbles li:nth-child(31) { left:10%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:3s; animation-delay:3s; opacity:0.6; }
.bg-bubbles li:nth-child(32) { left:20%; width:60px; height:60px; bottom:-60px; -webkit-animation-delay:2.5s; animation-delay:2.5s; -webkit-animation-duration:17s; animation-duration:17s; }
.bg-bubbles li:nth-child(33) { left:25%; -webkit-animation-delay:4s; animation-delay:4s; }
.bg-bubbles li:nth-child(34) { left:40%; width:40px; height:40px; bottom:-40px; -webkit-animation-delay:4.5s; animation-delay:4.5s; -webkit-animation-duration:22s; animation-duration:22s; }
.bg-bubbles li:nth-child(35) { left:70%; -webkit-animation-delay:6.5s; animation-delay:6.5s; }
.bg-bubbles li:nth-child(36) { left:80%; width:30px; height:30px; bottom:-30px; -webkit-animation-delay:2.8s; animation-delay:2.8s; }
.bg-bubbles li:nth-child(37) { left:32%; width:70px; height:70px; bottom:-70px; -webkit-animation-delay:5s; animation-delay:5s; opacity:0.6; }
.bg-bubbles li:nth-child(38) { left:50%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:6.5s; animation-delay:6.5s; -webkit-animation-duration:40s; animation-duration:40s; }
.bg-bubbles li:nth-child(39) { left:25%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:3.5s; animation-delay:3.5s; -webkit-animation-duration:40s; animation-duration:40s; opacity:0.6; }
.bg-bubbles li:nth-child(40) { left:90%; -webkit-animation-delay:5.5s; animation-delay:5.5s; }

.bg-bubbles li:nth-child(41) { left:80%; width:10px; height:10px; bottom:-50px; -webkit-animation-delay:0.8s; animation-delay:0.8s; opacity:0.6; }
.bg-bubbles li:nth-child(42) { left:95%; bottom:-100px; -webkit-animation-delay:2.5s; animation-delay:2.5s; }
.bg-bubbles li:nth-child(43) { left:55%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:5s; animation-delay:5s; -webkit-animation-duration:40s; animation-duration:40s; }
.bg-bubbles li:nth-child(44) { left:60%; bottom:-10px; -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-duration:40s; animation-duration:40s; }
.bg-bubbles li:nth-child(45) { left:57%; width:15px; height:15px; bottom:-60px; -webkit-animation-delay:3.8s; animation-delay:3.8s; }
.bg-bubbles li:nth-child(46) { left:45%; width:10px; height:10px; bottom:-10px; -webkit-animation-delay:0.8s; animation-delay:0.8s; opacity:0.6; }
.bg-bubbles li:nth-child(47) { left:60%; width:25px; height:25px; bottom:-60px; -webkit-animation-delay:3.5s; animation-delay:3.5s; -webkit-animation-duration:17s; animation-duration:17s; }
.bg-bubbles li:nth-child(48) { left:30%; -webkit-animation-delay:2s; animation-delay:2s; }
.bg-bubbles li:nth-child(49) { left:65%; width:10px; height:10px; bottom:-40px; -webkit-animation-delay:4s; animation-delay:4s; opacity:0.6; }
.bg-bubbles li:nth-child(50) { left:72%; width:10px; height:10px; bottom:-70px; -webkit-animation-delay:5s; animation-delay:5s; opacity:0.6; }

@-webkit-keyframes square { 
0% { -webkit-transform:translateY(0); transform:translateY(0); }
100% { -webkit-transform:translateY(-980px) rotate(600deg); transform:translateY(-980px) rotate(600deg); } 
}
@keyframes square { 
0% { -webkit-transform:translateY(0); transform:translateY(0); }
100% { -webkit-transform:translateY(-980px) rotate(600deg); transform:translateY(-980px) rotate(600deg); } 
}


/*ABOUT 內文文案*/
#about_box {}
#about_box .box_tit { position:relative; margin:15px 0 0 0; padding:0 0 0 12px; font-size:120%; line-height:30px; color:#aa7915; }
#about_box .box_tit:before { content:""; position:absolute; top:12px; left:0px; display:block; width:5px; height:5px; background:#aa7915; }

#about_box .box_tag { padding:20px 0 0 0; }
#about_box .box_select select { width:100%; margin:20px 0 0 0; padding:2px 20px 2px 5px; background:#f5f5f5 url(../images/selectarrow_k.png) no-repeat center right; border:solid 1px #cfb138; font-size:95%;line-height:20px; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }

#about_box .box_info { padding:15px 0 0 0; font-size:100%; color:#555; overflow:auto; }
#about_box .box_info h4 { margin:5px 0 20px 0; font-size:130%; color:#aa7915; }
#about_box .box_info h4 span { color:#ac6a08; }
#about_box .box_info p { font-size:95%; color:#555; text-align:justify; }
#about_box .box_info img { max-width:100%; }
#about_box .box_info ul { margin:0; padding:0; overflow:auto; }
#about_box .box_info ul li { list-style:none; background:url(../images/404_03.png) no-repeat left center; padding:0 0 0 15px; }
#about_box .box_info a { color:#aa7915; }
#about_box .box_info a:hover { color:#913897; }

/*GLORY 榮耀*/
#glory_box { padding:10px 0; }
#glory_box .box_list {}
#glory_box .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#glory_box .box_list ul li { float:left; margin:10px 1%; padding:2px; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; background:#cfb138; color:#333; line-height:20px; text-align:center; width:23%; overflow:hidden;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#glory_box .box_list ul li b { position:relative; display:block; width:100%; height:auto; }
#glory_box .box_list ul li img { width:100%; height:auto; margin:0 0 -4px 0; }
#glory_box .box_list ul li h3 { margin:0; padding:10px 15px; background:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:95%; line-height:24px; text-align:left; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:solid 2px #cfb138; }
#glory_box .box_list ul li h3 span { color:#ac6a08; }
#glory_box .box_list ul li a { display:block; color:#333; }
#glory_box .box_list ul li a:hover { color:#ac6a08; }
#glory_box .box_list ul li:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }

#glory_box .box_info {}
#glory_box .box_info h4 { margin:0; padding:0; font-size:230%; color:#333; border-bottom:solid 1px #cfb138; overflow:auto; }
#glory_box .box_info h4 span { font-size:230%; color:#ac6a08; }
#glory_box .box_info b { display:block; float:left; width:400px; max-width:100%; margin:5px 15px 5px 0; border:solid 2px #cfb138; }
#glory_box .box_info b img { width:100%; margin:0; }
#glory_box .box_info p { margin:0 0 15px 0; font-size:95%; color:#555; line-height:24px; }
#glory_box .box_info span { font-size:110%; color:#ac6a08; line-height:24px; }
#glory_box .box_info a>span {font-size:180%; line-height:24px; color:#cfb138; }
#glory_box .box_info a:hover>span { color:#ac6a08; }

/*KKLMAP分區介紹*/
#kklmap_box {}
#kklmap_box .box_info {}
#kklmap_box .box_info svg { width:860px; height:486px; max-width:100%; max-height:100%; margin:0 auto; }
#kklmap_box .box_list { display:none; }
#kklmap_box .box_list ul { margin:0; padding:0; overflow:auto; }
#kklmap_box .box_list ul li { float:left; margin:0 10px 10px 0; padding:0; list-style:none; font-size:100%; line-height:24px; }
#kklmap_box .box_list ul li a { display:block; padding:5px 15px; background:#bbb; color:#FFF; }
#kklmap_box .box_list ul li a:hover { background:#cfb138; }
#kklmap_box .box_list ul li a.cur { background:#ac6a08; }

#kklmapinfo_box { position:relative; max-width:800px; margin:5% auto; background:#FFF; font-size:100%; color:#555; overflow:auto; }
#kklmapinfo_box .box_pic { width:800px; height:auto; overflow:hidden; }
#kklmapinfo_box .box_pic img { width:100%; }
#kklmapinfo_box .box_info { padding:30px 50px; }
#kklmapinfo_box .box_info h4 { margin:5px 0 20px 0; font-size:130%; color:#aa7915; }
#kklmapinfo_box .box_info h4 span { color:#ac6a08; }
#kklmapinfo_box .box_info p { font-size:95%; line-height:1.6em; color:#555; text-align:justify; }
#kklmapinfo_box .box_info img { max-width:100%; }
#kklmapinfo_box .box_info ul { margin:0; padding:0; overflow:auto; }
#kklmapinfo_box .box_info ul li { list-style:none; background:url(../images/404_03.png) no-repeat left center; padding:0 0 0 15px; font-size:95%; line-height:1.6em; color:#555; }
#kklmapinfo_box .box_info ol { margin:0; padding:0; }
#kklmapinfo_box .box_info ol li { margin:0 0 0 20px; padding:0; font-size:95%; line-height:1.6em; color:#555; }
#kklmapinfo_box .box_info a { color:#aa7915; }
#kklmapinfo_box .box_info a:hover { color:#913897; }

/*KKLVIDEO影片介紹*/
#kklvideo_box {}
#kklvideo_box .box_info { padding:15px 0 0 0; }
#kklvideo_box .box_info video { width:100%; height:auto; }

/*PRODUCT 得獎酒品*/
#pro_box { padding:10px 0; }
#pro_box .box_tit { margin:0 0 30px 0; }
#pro_box .box_tit a { display:block; width:210px; height:40px; padding:6px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#000 url(../images/tit_bg.png) no-repeat 150px 16px; font-size:150%; line-height:28px; color:#FFF;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#pro_box .box_tit a:hover { background:#000 url(../images/tit_bg.png) no-repeat 160px 16px; }

#pro_box .box_list {}
#pro_box .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#pro_box .box_list ul li { float:left; margin:10px 1%; padding:2px; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; background:#cfb138; color:#333; line-height:20px; text-align:center; width:31.3333%; overflow:hidden;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#pro_box .box_list ul li b { position:relative; display:block; width:100%; height:auto; }
#pro_box .box_list ul li img { width:100%; height:auto; margin:0 0 -4px 0; }
#pro_box .box_list ul li i { position:absolute; bottom:0px; left:0px; right:0px; z-index:997; width:50px; height:35px; background:url(../images/bg_b80.png) repeat; font-style:normal; font-size:90%; line-height:35px; text-align:center; color:#FFF;
-webkit-border-radius:0px 5px 0px 0px;
-moz-border-radius:0px 5px 0px 0px;
-ms-border-radius:0px 5px 0px 0px;
-o-border-radius:0px 5px 0px 0px;
border-radius:0px 5px 0px 0px; }
#pro_box .box_list ul li h4 { margin:0; padding:15px; background:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:100%; line-height:24px; text-align:left; color:#333; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:solid 2px #cfb138; }
#pro_box .box_list ul li h4 span { color:#ac6a08; }
#pro_box .box_list ul li a { display:block; }
#pro_box .box_list ul li:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }

/*20210323新增*/
#pro_box .box_list ul li.tabs { width:64.6%; background:none; float:none; }
#pro_box .box_list ul li.tabs .box_tag ul li { width:18%; padding:0; margin:0 1% 10px;}
#pro_box .box_list ul li.tabs .box_tag ul li a { padding:8px 15px;}
#pro_box .box_list ul li.tabs:hover { 
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
box-shadow:none; }

#pro_box .box_info { overflow:auto; margin:10px 0 -10px 0; }
#pro_box .box_info h4 { font-size:100%; color:#ac6a08; line-height:22px; }
#pro_box .box_info h4 span { font-size:100%; color:#ac6a08; }
#pro_box .box_info b { display:block; float:left; width:400px; max-width:98%; margin:5px 15px 5px 0; border:solid 2px #cfb138; }
#pro_box .box_info b img { width:100%; margin:0; }
#pro_box .box_info p { font-size:90%; color:#555; line-height:24px; }
#pro_box .box_info i { display:block; font-size:100%; color:#555; line-height:24px; font-style:normal; }
#pro_box .box_info span { font-size:110%; color:#ac6a08; line-height:22px; }
#pro_box .box_info .select01 { padding:2px 20px 2px 5px; background:#f5f5f5 url(../images/selectarrow_k.png) no-repeat center right; border:solid 1px #d5d5d5; font-size:95%; line-height:20px; color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#pro_box .box_pay {}
#pro_box .box_pay span { margin:8px 0; padding:0; font-size:100%; color:#999; text-decoration:line-through; }
#pro_box .box_pay p { margin:8px 0; padding:0; font-size:100%; font-weight:bold; color:#555; }
#pro_box .box_pay b { margin:0; padding:0; font-size:150%; font-weight:bold; color:#FF0000; }
#pro_box .box_pay .btn { display:inline-block; margin:5px; min-width:100px; padding:10px 30px; border:none; font-size:100%; line-height:20px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#pro_box .box_pay .btn01 { background:#cfb138; color:#FFF;
-webkit-text-shadow:rgba(172,106,8,0.4) 0px 0 5px;
-moz-text-shadow:rgba(172,106,8,0.4) 0px 0 5px;
-ms-text-shadow:rgba(172,106,8,0.4) 0px 0 5px;
-o-text-shadow:rgba(172,106,8,0.4) 0px 0 5px;
text-shadow:rgba(172,106,8,0.4) 0px 0 5px; }
#pro_box .box_pay .btn01:hover { background:#ac6a08; }

/*NEWS 最新消息*/
#news_box { padding:10px 0; }
#news_box .box_list {}
#news_box .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#news_box .box_list ul li { position:relative; float:left; margin:10px 1%; padding:0; list-style:none; width:31.3333%; background:#FFF; }
#news_box .box_list .box_pic {}
#news_box .box_list .box_pic b { position:relative; display:block; margin:0 0 20px 0; padding:0; width:100%; height:210px; background:#ccc; overflow:hidden; }
#news_box .box_list .box_pic b:before { position:absolute; bottom:0px; left:0px; z-index:997; content:""; width:100%; height:20px; background:url(../images/news_picbg02.png) repeat-x bottom left; }
#news_box .box_list .box_pic b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
#news_box .box_list .box_text {}
#news_box .box_list .box_text i { position:relative; display:block; margin:0 20px 20px 20px; padding:0; font-style:normal; font-size:90%; line-height:20px; color:#666; }
#news_box .box_list .box_text i:after { content:""; position:absolute; left:0; bottom:0; width:28px; border-bottom:solid 1px #cfb138; }
#news_box .box_list .box_text h3 { margin:0 20px 20px 20px; padding:0; font-size:120%; line-height:26px; color:#000; height:56px; overflow:hidden; }
#news_box .box_list .box_text span { display:block; margin:0 60px 20px 20px; padding:0; font-size:75%; line-height:16px; color:#ac6a08;/*20170723修改*/ }
#news_box .box_list .box_text samp { position:absolute; bottom:0px; right:0px; display:block; margin:0; padding:0; width:50px; height:50px; background:#ac6a08;/*20170723修改*/ font-family:Arial; font-size:85%; line-height:50px; text-align:center; color:#FFF; }
#news_box .box_list ul li a { display:block; border-bottom:solid 3px #fff; overflow:auto;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0 5px;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0 5px;
-ms-box-shadow:rgba(0, 0, 0, 0.3) 0px 0 5px;
-o-box-shadow:rgba(0, 0, 0, 0.3) 0px 0 5px;
box-shadow:rgba(0, 0, 0, 0.3) 0px 0 5px;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#news_box .box_list ul li a:hover{ border-bottom:solid 3px #cfb138;
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }

#news_box .box_list2 { margin:20px 0 -10px 0; }
#news_box .box_list2 ul { margin:0; padding:0; }
#news_box .box_list2 ul li { position:relative; margin:0 0 20px 0; padding:0; list-style:none; width:100%; background:#FFF; }
#news_box .box_list2 .box_pic {}
#news_box .box_list2 .box_pic b { position:relative; display:block; margin:0 0 20px 0; padding:0; width:100%; height:210px; background:#ccc; overflow:hidden; }
#news_box .box_list2 .box_pic b:before { position:absolute; bottom:0px; left:0px; z-index:997; content:""; width:100%; height:20px; background:url(../images/news_picbg02.png) repeat-x bottom left; }
#news_box .box_list2 .box_pic b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
#news_box .box_list2 .box_text {}
#news_box .box_list2 .box_text i { position:relative; display:block; margin:20px 20px 0 20px; padding:0; font-style:normal; font-size:90%; line-height:20px; color:#666; }
#news_box .box_list2 .box_text i:after { content:""; position:absolute; left:0; bottom:0; width:28px; border-bottom:solid 1px #cfb138; }
#news_box .box_list2 .box_text h3 { margin:5px 70px 5px 20px; padding:0; font-size:120%; line-height:30px; color:#000; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#news_box .box_list2 .box_text span { display:block; margin:0 60px 20px 20px; padding:0; font-size:75%; line-height:16px; color:#ac6a08;/*20170723修改*/ }
#news_box .box_list2 .box_text samp { position:absolute; top:50%; right:0px; display:block; margin:-25px 0 0 0; padding:0; width:50px; height:50px; background:#ac6a08;/*20170723修改*/ font-family:Arial; font-size:85%; line-height:50px; text-align:center; color:#FFF; }
#news_box .box_list2 ul li a { display:block; border-right:solid 3px #fff; overflow:auto;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0 5px;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0 5px;
-ms-box-shadow:rgba(0, 0, 0, 0.3) 0px 0 5px;
-o-box-shadow:rgba(0, 0, 0, 0.3) 0px 0 5px;
box-shadow:rgba(0, 0, 0, 0.3) 0px 0 5px;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out; 
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#news_box .box_list2 ul li a:hover{ border-right:solid 3px #cfb138;
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }

#news_box .box_list .hot { width:48%; }
#news_box .hot .box_pic { float:left; }
#news_box .hot .box_pic b { position:relative; display:block; margin:0; padding:0; width:100%; max-width:370px; height:285px; background:#ccc; overflow:hidden; }
#news_box .hot .box_pic b:before { position:absolute; top:0px; left:350px; z-index:997; content:""; width:20px; height:100%; background:url(../images/news_picbg01.png) repeat-x top right; }
#news_box .hot .box_text { padding:20px 0 0 370px; }


/*STORE 銷售據點*/
#store_box { padding:10px 0; }

.box_tag { margin:10px 0 0 0; }
.box_tag ul { margin:0; padding:0; overflow:auto; }
.box_tag ul li { float:left; margin:0 10px 10px 0; padding:0; list-style:none; }
.box_tag ul li a { display:block; padding:5px 15px; background:#848484;/*20170723修改*/ color:#FFF; }
.box_tag ul li a:hover { background:#cfb138; }
.box_tag ul li a.cur { background:#ac6a08; }

#store_box .box_list {}
#store_box .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#store_box .box_list ul li { position:relative; float:left; margin:10px 1%; padding:0px; list-style:none; width:98%; }
#store_box .box_pic { position:absolute; top:2px; left:2px; }
#store_box .box_pic b { position:relative; display:block; margin:0; padding:0; width:100%; max-width:200px; height:200px; background:#ccc; overflow:hidden; }
#store_box .box_pic b:before { position:absolute; top:0px; left:180px; z-index:997; content:""; width:20px; height:100%; background:url(../images/news_picbg01.png) repeat-x top right; }
#store_box .box_pic b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
#store_box .box_text { width:100%; padding:20px 20px 20px 220px; height:200px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#FFF; }
#store_box .box_text h3 { margin:0 0 15px 0; padding:0; font-size:150%; line-height:28px; color:#000; }
#store_box .box_text h3 span { font-size:120%; line-height:28px; color:#cfb138; }
#store_box .box_text p { margin:0; padding:0; font-size:90%; line-height:24px; color:#000; }
#store_box .box_text p span { font-size:110%; line-height:24px; color:#cfb138; }
#store_box .box_text samp { position:absolute; bottom:0px; right:0px; display:block; margin:0; padding:0; width:50px; height:50px; background:#ac6a08;/*20170723修改*/ font-family:Arial; font-size:85%; line-height:50px; text-align:center; color:#FFF; }
#store_box .box_list ul li a { display:block; padding:2px; background:#cfb138;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#store_box .box_list ul li a:hover { -webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }
#store_box .box_info { margin:10px 0 -10px 0; }
#store_box .box_info h4 { margin:0; padding:0; font-size:230%; color:#333; border-bottom:solid 1px #cfb138; overflow:auto; }
#store_box .box_info h4 span { font-size:230%; color:#ac6a08; }
#store_box .box_info b { display:block; float:left; width:400px; max-width:98%; margin:0px 15px 5px 0; border:solid 2px #cfb138; }
#store_box .box_info b img { width:100%; margin:0; }
#store_box .box_info p { margin:0 0 15px 0; font-size:95%; color:#555; line-height:24px; }
#store_box .box_info span { font-size:110%; color:#ac6a08; line-height:24px; }
#store_box .box_info a>span {font-size:180%; line-height:24px; color:#cfb138; }
#store_box .box_info a:hover>span { color:#ac6a08; }
/*台灣地圖*/
#tw_img { width:100%; height:auto; }
#tw_img img { width:100%; height:auto; }

/*VIDEO 影音專區*/
#video_box { padding:20px 0 0 0; }
#video_box .box_list {}
#video_box .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#video_box .box_list ul li { float:left; margin:0 1% 15px 1%; padding:2px; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; background:#cfb138; color:#333; line-height:20px; text-align:center; width:31.3333%; overflow:hidden;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#video_box .box_list ul li b { position:relative; display:block; width:100%; height:auto; }
#video_box .box_list ul li img { width:100%; height:auto; margin:0 0 -4px 0; }
#video_box .box_list ul li b span { display:block; position:absolute; top:50%; left:50%; z-index:997; margin:-40px 0 0 -40px; width:80px; height:80px; height:80px; background:url(../images/bg_k50.png) repeat; border:solid 2px #FFF; text-indent:-9999px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#video_box .box_list ul li b span:before { position:absolute; top:50%; left:50%; z-index:998; height:0px; width:0px; margin:-16px 0 0 -10px;
border-color:transparent transparent transparent #FFF;
border-style:solid solid solid solid;
border-width:16px 22px; }
#video_box .box_list ul li h3 { margin:0; padding:15px; background:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:100%; line-height:24px; text-align:left; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:solid 2px #cfb138; }
#video_box .box_list ul li h3 span { color:#ac6a08; }
#video_box .box_list ul li a { display:block; color:#333; }
#video_box .box_list ul li a:hover { color:#ac6a08; }
#video_box .box_list ul li:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }
#video_box .box_list ul li:hover b span { opacity:0.6; }

/*PRINT 平面文宣*/
#print_box { padding:20px 0 0 0; }
#print_box .box_list {}
#print_box .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#print_box .box_list ul li { float:left; margin:0 1% 15px 1%; padding:2px; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; background:#cfb138; color:#333; line-height:20px; text-align:center; width:23%; overflow:hidden;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#print_box .box_list ul li b { position:relative; display:block; width:100%; height:auto; }
#print_box .box_list ul li img { width:100%; height:auto; margin:0 0 -4px 0; }
#print_box .box_list ul li h4 { margin:0; padding:10px 15px; background:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:95%; line-height:24px; text-align:left; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:solid 2px #cfb138; }
#print_box .box_list ul li h4 span { color:#ac6a08; }
#print_box .box_list ul li a { display:block; color:#333; }
#print_box .box_list ul li a:hover { color:#ac6a08; }
#print_box .box_list ul li:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }


/*ALBUM 活動相簿*/
#album_box { padding:20px 0 0 0; }
#album_box .box_list {}
#album_box .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#album_box .box_list ul li { float:left; margin:0 1% 15px 1%; padding:2px; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; background:#cfb138; color:#333; line-height:20px; text-align:center; width:31.3333%; overflow:hidden;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#album_box .box_list ul li b { position:relative; display:block; width:100%; height:auto; }
#album_box .box_list ul li img { width:100%; height:auto; margin:0 0 -4px 0; }
#album_box .box_list ul li h3 { margin:0; padding:15px; background:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:100%; line-height:24px; text-align:left; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:solid 2px #cfb138; }
#album_box .box_list ul li h3 span { color:#ac6a08; }
#album_box .box_list ul li a { display:block; color:#333; }
#album_box .box_list ul li a:hover { color:#ac6a08; }
#album_box .box_list ul li:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }

#album_box .box_info {}
#album_box .box_info ul { margin:0 -1%; padding:0; overflow:auto; }
#album_box .box_info ul li { float:left; margin:0 1% 15px 1%; padding:2px; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; background:#cfb138; color:#333; line-height:20px; text-align:center; width:23%; overflow:hidden;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
#album_box .box_info ul li b { position:relative; display:block; width:100%; height:auto; }
#album_box .box_info ul li img { width:100%; height:auto; margin:0 0 -4px 0; }
#album_box .box_info ul li h4 { margin:0; padding:10px 15px; background:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:95%; line-height:24px; text-align:left; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:solid 2px #cfb138; }
#album_box .box_info ul li h4 span { color:#ac6a08; }
#album_box .box_info ul li a { display:block; color:#333; }
#album_box .box_info ul li a:hover { color:#ac6a08; }
#album_box .box_info ul li:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px;
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }

/*LINK 相關連結*/
#link_box { padding:20px 0 0 0; }
#link_box ul { margin:0 -1%; padding:0; overflow:auto; }
#link_box ul li { float:left; margin:0 1% 15px 1%; padding:2px; list-style:none; width:23%; -webkit-box-sizing:border-box; box-sizing:border-box; background:#cfb138; }
#link_box ul li b { display:block; width:100%; height:auto; overflow:hidden; }
#link_box ul li b img { width:100%; margin:0 0 -5px 0; }
#link_box ul li h4 { margin:2px 0 0 0; padding:10px; font-size:95%; line-height:20px; text-align:center; height:40px; overflow:hidden; background:#FFF; }
#link_box ul li a { display:block; color:#333; }
#link_box ul li:hover { 
-webkit-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; 
-moz-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; 
-ms-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; 
-o-box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; 
box-shadow:rgba(170, 100, 10, 0.6) 0px 0 10px; }

/*FAQ*/
#faq_box { padding:10px 0; }
#faq_box>h4 { margin:5px 0 20px 0; font-size:130%; color:#aa7915; }
#faq_box>h4>span { color:#ac6a08; }

#faq_box .box_info { padding:10px 0 0 0; }

.op_all { margin:0 0 10px 0; background:#FFF; }
.op_top {}
.op_top a { position:relative; display:block; padding:10px 45px 10px 15px; background:#cfb138;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
.op_top a i { position:absolute; top:10px; right:15px; display:block; width:20px; height:20px; background:url(../images/icon_arrow.png) no-repeat; }
.op_top a h3 { display:inline-block; margin:0; padding:0; font-size:100%; color:#FFF; }
.op_top a span { padding:0 5px 0 0; font-family:"Comic Sans MS", cursive; color:#FFF; }
.op_top a:hover { background:#ac6a08; color:#fff; }
.op_top.cur a { background:#ac6a08; color:#fff; }
.op_top a:hover i,.op_top.cur a i { background:url(../images/icon_arrow_.png) no-repeat; }
.op_top a:hover span,.op_top.cur a span { color:#fff; }
.op_don { padding:10px 20px; font-size:95%; color:#333; background:#eee url(../images/faqbg.png) no-repeat right bottom; }

/*CONTACT*/
#contact_box { padding:20px 0; overflow:auto; }
#contact_box .box_form {}
#contact_box .bank_form { padding: 0 20%;}
#contact_box .box_info { margin:0 0 25px 0; padding:0 0 15px 0; border-bottom:solid 1px #ddd; }
#contact_box .box_info h4 { margin:5px 0 10px 0; font-size:130%; color:#aa7915; }
#contact_box .box_info h4 span { color:#ac6a08; }
#contact_box .box_info h4 .fee { font-size:75%; color:rgb(153, 153, 153); margin-left:5px; }
#contact_box .box_info p { font-size:95%; line-height:24px; color:#555; text-align:justify; }
#contact_box .box_info ol { font-size:95%; line-height:24px; color:#555; text-align:justify; }
.img_w { display:block; }
.img_p { display:none; }
.img_m { display:none; }

/*VOCABULARY 雙語詞彙*/
#vocabulary_box { padding:20px 0; overflow:auto; }
#vocabulary_box .box_form {}
#vocabulary_box .box_info { margin:0 0 25px 0; padding:0 0 15px 0; border-bottom:solid 1px #ddd; }
#vocabulary_box .box_info h4 { margin:5px 0 10px 0; font-size:130%; color:#aa7915; }
#vocabulary_box .box_info h4 span { color:#ac6a08; }
#vocabulary_box .box_info p { font-size:95%; line-height:24px; color:#555; text-align:justify; }
#vocabulary_box .box_info ol { font-size:95%; line-height:24px; color:#555; text-align:justify; }
#contact_box .box_info ol li .font_red { color:rgb(255, 0, 0);}
#contact_box .box_info .download_visit { color:rgb(172, 106, 8); margin-left:20px; text-decoration:underline; }

.box_form2 {}
.box_form2 b { margin:0; padding:0 3px 0 0; font-size:100%; font-weight:normal; color:#F00; }
.box_form2 h4 { margin:0 10px 0 0; padding:0; font-size:100%; font-weight:normal; line-height:30px; text-align:left; color:#ac6a08; height:30px; }
.box_form2 p { margin:0; padding:0; font-size:90%; line-height:24px; color:#555; }
.box_form2 h4 span { margin:0; padding:0 3px; font-size:110%; font-weight:normal; color:#cfb138; }
.box_form2 p span { margin:0; padding:0 5px; font-size:100%; font-weight:normal; color:#ffffff; }

.box_form2 .form_l { position:relative; float:left; width:48%; padding:7px 1%; border-bottom:solid 1px #eee; }
.box_form2 .form_c { position:relative; clear:both; width:98%; padding:7px 1%; border-bottom:solid 1px #eee; }
.box_form2 .form_btn { clear:both; width:98%; margin:10px 1%; text-align:center; } 

/*PERSONAL 隱私權條款*/
#personal_box {}
#personal_box .box_info { position:relative; max-width:800px; margin:5% auto; padding:30px 50px; background:#FFF; font-size:100%; color:#555; overflow:auto; }
#personal_box .box_info h4 { margin:5px 0 20px 0; font-size:130%; color:#aa7915; }
#personal_box .box_info h4 span { color:#ac6a08; }
#personal_box .box_info p { font-size:95%; line-height:1.6em; color:#555; text-align:justify; }
#personal_box .box_info img { max-width:100%; }
#personal_box .box_info ul { margin:0; padding:0; overflow:auto; }
#personal_box .box_info ul li { list-style:none; background:url(../images/404_03.png) no-repeat left center; padding:0 0 0 15px; font-size:95%; line-height:1.6em; color:#555; }
#personal_box .box_info ol { margin:0; padding:0; }
#personal_box .box_info ol li { margin:0 0 0 20px; padding:0; font-size:95%; line-height:1.6em; color:#555; }
#personal_box .box_info a { color:#aa7915; }
#personal_box .box_info a:hover { color:#913897; }

/*ORDER 購買紀錄*/
#order_box { padding:20px 0; overflow:auto; }
#order_box ul { margin:0 0 10px 0; padding:0; }
#order_box ul li { margin:0; padding:0; list-style:none; overflow:auto; font-size:95%; color:#555; line-height:20px; border-bottom:solid 1px #ddd; }
#order_box .title { font-size:100%; color:#333; line-height:20px; font-weight:bold; }
#order_box .form_c { float:left; width:20%; padding:10px; text-align:left; -webkit-box-sizing:border-box; box-sizing:border-box; }
#order_box .form_l { float:left; width:20%; padding:10px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; }
#order_box .form_l2 { float:left; width:20%; padding:10px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; }

/*SHOP 購物流程*/
#shopstep_box { padding:20px 0; overflow:auto; }

/*步驟*/
#shopstep_box .box_step {}
#shopstep_box .box_step ul { margin:0 auto; padding:0 0 20px 0; overflow:auto; }
#shopstep_box .box_step ul li { float:left; margin:0 1%; padding:15px; list-style:none; width:31%; background:#eee; border:solid 1px #eee; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 3px;
-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 3px;
-ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 3px;
-o-box-shadow:rgba(0,0,0,0.1) 0px 0px 3px;
box-shadow:rgba(0,0,0,0.1) 0px 0px 3px; }
#shopstep_box .box_step ul li h4 { margin:0 0 5px 0; padding:0; font-size:130%; line-height:25px; color:#333; text-align:center; }
#shopstep_box .box_step ul li p { margin:0; padding:0; font-size:90%; line-height:18px; color:#888; text-align:center; }
#shopstep_box .box_step .cur { background:#cfb138;
-webkit-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
-moz-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
-ms-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
-o-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
box-shadow:rgba(0,0,0,0.1) 3px 5px 5px; }
#shopstep_box .box_step .cur h4,#shopstep_box .box_step .cur p { color:#FFF; text-align:center; }

#shopstep_box .box_list ul { margin:0 0 10px 0; padding:0; }
#shopstep_box .box_list ul li { margin:0; padding:0; list-style:none; overflow:auto; font-size:95%; color:#555; line-height:20px; border-bottom:solid 1px #ddd; }
#shopstep_box .box_list .title { font-size:100%; color:#333; line-height:20px; font-weight:bold; }
#shopstep_box .box_list .form_c { float:left; width:55%; height:40px; padding:10px; text-align:left; -webkit-box-sizing:border-box; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#shopstep_box .box_list .form_c2 { float:left; width:70%; height:40px; padding:10px; text-align:left; -webkit-box-sizing:border-box; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#shopstep_box .box_list .form_l { float:left; width:15%; height:40px; padding:10px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; }
#shopstep_box .box_list .form_l2 { float:left; width:15%; height:40px; padding:10px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; }
#shopstep_box .box_list .del_btn { padding:3px 10px; background:#999; color:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#shopstep_box .box_list .del_btn:hover { background:#cfb138; color:#FFF; }
#shopstep_box .total { padding:10px 20px; font-size:100%; text-align:right; }
#shopstep_box .total span { display:inline-block; margin:0 0 0 5px; font-size:150%; color:#FF0000; }
#shopstep_box .box_info { padding:30px 0; }
#shopstep_box .box_info p { text-align:center; }

/*SITEMAP 網站地圖 網站導覽*/
#sitemap_box { padding:20px 0; overflow:auto; }
#sitemap_box ul { margin:0; padding:0; overflow:auto; }
#sitemap_box ul li { float:left; width:33.3333%; margin:0 0 15px 0; padding:0 20px 0 0; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; }
#sitemap_box ul li h2 { margin:0; padding:0; font-size:100%; font-weight:bold; line-height:24px; }
#sitemap_box ul li a { display:block; padding:13px 20px; background:#cfb138; color:#FFF;
-webkit-border-radius:0px 10px 0px 10px;
-moz-border-radius:0px 10px 0px 10px;
-ms-border-radius:0px 10px 0px 10px;
-o-border-radius:0px 10px 0px 10px;
border-radius:0px 10px 0px 10px; }
#sitemap_box ul li a:hover { background:#ac6a08; color:#FFF; }

#sitemap_box ul li ul { margin:0 0 0 10px; padding:0; background:#f0f0f0;
-webkit-border-radius:0px 0 0px 10px;
-moz-border-radius:0px 0 0px 10px;
-ms-border-radius:0px 0 0px 10px;
-o-border-radius:0px 0 0px 10px;
border-radius:0px 0 0px 10px; }
#sitemap_box ul li ul li { float:none; width:100%; margin:0; padding:0; list-style:none; }
#sitemap_box ul li ul li h3 { margin:0; padding:0; font-size:95%; font-weight:normal; line-height:20px; }
#sitemap_box ul li ul li a { padding:14px 10px 14px 20px; background:#f0f0f0; color:#333; border-bottom:solid 1px #ddd;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
#sitemap_box ul li ul li a:hover { background:#fff; color:#ac6a08; }

#sitemap_box ul li ul li ul { margin:0; padding:0; background:#ddd;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
#sitemap_box ul li ul li ul li { float:none; width:100%; margin:0; padding:0; list-style:none; }
#sitemap_box ul li ul li ul li h3 { margin:0; padding:0; font-size:95%; font-weight:normal; line-height:20px; }
#sitemap_box ul li ul li ul li a { padding:14px 10px 14px 30px; background:#ddd; color:#333; border-bottom:solid 1px #ccc;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
#sitemap_box ul li ul li ul li a:hover { background:#fff; color:#ac6a08; }

/*404 找不到該網頁*/
#error404 { margin:30px auto 50px auto; }
#error404_in {  margin:0 auto; max-width:400px;}
#error404_in p { background:url(../images/404_01.png) 5px center no-repeat; padding:10px 0 10px 80px; font-size:150%; line-height:1.2em; font-weight:normal; text-align:left; }
#error404_in h3 { margin:0; background:url(../images/404_02.png) 55px center no-repeat; padding:5px 0 5px 80px; font-size:110%; line-height:1.2em; font-weight:normal; text-align:left; line-height:2em;  }
#error404_in ul { margin:0 0 30px 0; padding:0 0 0 85px;}
#error404_in ul li { list-style-type:none; background:url(../images/404_03.png) 0 center no-repeat; padding:0 0 0 20px; line-height:2em; font-size:90%; }
#error404 a { display:inline-block; color:#913897; }
#error404 a:hover { color:#aa7915; }

/* ======================= 內頁 ======================= */
/*多圖片區塊*/
.pic_list { margin:30px 0 0 0; }
.pic_list h4 { margin:5px 0 10px 0; font-size:130%; color:#aa7915; }
.pic_list h4 span { color:#ac6a08; }
.pic_list ul { margin:0 -1% 0 0; padding:0; overflow:auto; }
.pic_list ul li { float:left; margin:0 1% 15px 0; padding:0; list-style:none; width:24%; }
.pic_list ul li b { display:block; margin:0; padding:0; width:100%; height:180px; background:#ccc; overflow:hidden; }
.pic_list ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
.pic_list ul li p { margin:5px 0; padding:0; font-size:90%; line-height:20px; text-align:center; height:40px; overflow:hidden; }
.pic_list ul li a { display:block; padding:10px; color:#555; background:#f8f8f8; border:solid 1px #dddddd;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
.pic_list ul li a:hover { background:#FFF; color:#333; border:solid 1px #cfb138; }
.mfp-figure small { display:none !important; }

/*多影片區塊*/
.video_list { margin:15px 0 0 0; }
.video_list h4 { margin:5px 0 10px 0; font-size:130%; color:#aa7915; }
.video_list h4 span { color:#ac6a08; }
.video_list ul { margin:0 -1.5% 0 0; padding:0; overflow:auto; }
.video_list ul li { position:relative; float:left; margin:0 1.5% 20px 0; padding:0; list-style:none; width:23.5%; }
.video_list ul li b { position:relative; display:block; margin:0; padding:0; width:100%; height:180px; background:#ccc; overflow:hidden; }
.video_list ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
.video_list ul li span { display:block; position:absolute; top:50%; left:50%; z-index:997; margin:-40px 0 0 -40px; width:80px; height:80px; height:80px; background:url(../images/bg_k50.png) repeat; border:solid 2px #FFF; text-indent:-9999px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
.video_list ul li span:before { position:absolute; top:50%; left:50%; z-index:998; height:0px; width:0px; margin:-16px 0 0 -10px;
border-color:transparent transparent transparent #FFF;
border-style:solid solid solid solid;
border-width:16px 22px; }
.video_list ul li p { margin:10px 0 0 0; padding:0 5px; font-size:90%; line-height:20px; text-align:center; height:40px; overflow:hidden; }
.video_list ul li a { display:block; padding:10px; color:#555; background:#f8f8f8; border:solid 1px #dddddd;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
transition:0.4s ease-in-out; }
.video_list ul li a:hover { background:#FFF; color:#333; border:solid 1px #cfb138; }
.video_list ul li a:hover span { opacity:0.6; }

/*下載列表(文章內)*/
.download_list { padding:10px 0; }
.download_list h4 { margin:5px 0 10px 0; font-size:130%; color:#aa7915; }
.download_list h4 span { color:#ac6a08; }
.download_list ul { margin:0; padding:0; }
.download_list ul li { margin:0; padding:0; list-style:none; }
.download_list ul li span { margin:0; padding:0; font-size:90%; color:#333; }
.download_list ul li a { display:block; padding:8px 10px 8px 40px; font-size:90%; line-height:20px; border-bottom:dashed 1px #eaeaea; background:url(../images/icon_newsdownload.png) no-repeat 12px 10px; color:#757575; }
.download_list ul li a:hover { background:#fefefe url(../images/icon_newsdownload_.png) no-repeat 12px 10px; color:#ac6a08; }

/*連結列表(文章內)*/
.link_list { padding:10px 0; }
.link_list h4 { margin:5px 0 10px 0; font-size:130%; color:#aa7915; }
.link_list h4 span { color:#ac6a08; }
.link_list ul { margin:0; padding:0; }
.link_list ul li { margin:0; padding:0; list-style:none; }
.link_list ul li span { margin:0; padding:0; font-size:90%; color:#333; }
.link_list ul li a { display:block; padding:8px 10px 8px 40px; font-size:90%; line-height:20px; border-bottom:dashed 1px #eaeaea; background:url(../images/icon_newslink.png) no-repeat 12px 10px; color:#757575; }
.link_list ul li a:hover { background:#fefefe url(../images/icon_newslink_.png) no-repeat 12px 10px; color:#ac6a08; }

/* ======================= FORM 表單專用 ======================= */
abbr[title] { text-decoration:none; border-bottom:none; cursor:help;}
.box_form {}
.box_form h4 { margin:0 10px 0 0; padding:0; font-size:100%; font-weight:normal; line-height:30px; text-align:left; color:#ac6a08; height:30px; }
.box_form b { margin:0; padding:0 3px 0 0; font-size:100%; font-weight:normal; color:#F00; }
.box_form span { margin:0; padding:0 5px; font-size:85%; font-weight:normal; color:#F00; }
.box_form p { margin:0; padding:0; font-size:90%; line-height:30px; color:#555; }
.box_form hr { border:solid 0.5px #ddd; }

.box_form .form_agree { clear:both; width:100%; height:500px; margin:0; padding:20px; background:#f5f5f5; border:solid 1px #ddd; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:auto; }
.box_form .form_agree table {}
.box_form .form_agree th { padding:5px; }
.box_form .form_agree td { padding:5px; }

.box_form .form_l { position:relative; float:left; width:48%; height:60px; padding:7px 1%; }
.box_form .form_c { position:relative; clear:both; width:98%; padding:7px 1%; }
.box_form .form_btn { clear:both; width:98%; padding:10px 1%; text-align:center; }

.box_form .wall { width:100%; height:30px; line-height:30px; margin:0; }
.box_form .wall2 { width:100%; height:150px; line-height:25px; margin:0 0 -10px 0; }
.box_form .wall3 { float:left; width:9%; height:30px; line-height:25px; margin:0 1% 5px 0; }/*郵遞區號*/
.box_form .wall4 { float:left; width:70%; height:30px; line-height:25px; margin:0 0 5px 0; }/*地址*/
.box_form .wall5 { float:left; width:50%; height:30px; line-height:25px; margin:0 0 5px 0; }/*預約日期*/
.box_form .wall6 { float:left; width:49%; height:30px; line-height:25px; margin:0 0 5px 1%; }/*預約時段*/

.box_form .text { max-width:100%; padding:2px 8px; background:#f5f5f5; border:solid 1px #d5d5d5; font-size:95%; line-height:20px; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
.box_form .text:focus { background:#F4F2D5;}
.box_form .select01 { padding:2px 20px 2px 5px; background:#f5f5f5 url(../images/selectarrow_k.png) no-repeat center right; border:solid 1px #d5d5d5; font-size:95%; line-height:20px; color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
.box_form .select01:focus { background:#F4F2D5;}

/*地址下拉*/
/*驗證碼*/
.box_form .code_pic { position:relative; margin:0 0 10px 0; padding:0 261px 0 0; text-align:left; }
.box_form .code_number { position:absolute; top:0px; right:156px; width:95px; height:30px; overflow:hidden; }
.box_form .code_free { position:absolute; top:5px; right:130px; width:16px; height:19px; overflow:hidden; }
.box_form .code_sound { width:100%; font-style:normal; }
.box_form .code_sound a { margin:0; padding:0 8px; list-style:none; border-right:solid 1px #ddd; }
.box_form .code_btn { position:absolute; top:0px; right:0px; margin:0; padding:5px 0; width:120px; background:#999; border:none; font-size:90%; line-height:20px; text-align:center; color:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
.box_form .code_btn:hover { background:#cfb138; }

/*一般按鈕*/
.box_form .btn { display:inline-block; margin:5px; min-width:100px; padding:6px 8px; border:none; font-size:100%; line-height:20px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
.box_form .btn01 { background:#cfb138; color:#FFF;
-webkit-text-shadow:rgba(172,106,8,0.4) 0px 0 5px;
-moz-text-shadow:rgba(172,106,8,0.4) 0px 0 5px;
-ms-text-shadow:rgba(172,106,8,0.4) 0px 0 5px;
-o-text-shadow:rgba(172,106,8,0.4) 0px 0 5px;
text-shadow:rgba(172,106,8,0.4) 0px 0 5px; }
.box_form .btn01:hover { background:#ac6a08; }
.box_form .btn02 { background:#aaa; color:#FFF;
-webkit-text-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-moz-text-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-ms-text-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-o-text-shadow:rgba(0,0,0,0.2) 0px 0 5px;
text-shadow:rgba(0,0,0,0.2) 0px 0 5px; }
.box_form .btn02:hover { background:#888; }

/* ======================= SHARE 文章列印分享回上層 ======================= */

#share { clear:both; margin:20px 0 0 0; padding:20px 15px 15px 15px; border-top:solid 1px #ddd; }
#share ul { display:block; margin:0; padding:0; text-align:center; /*用文字方向可控制按鈕位置*/ }
#share ul li { display:inline-block; margin:0 0 10px 5px; padding:0; list-style:none; font-size:80%; line-height:24px; }
#share ul li a { display:block; padding:2px 10px; background:#FFF; color:#333; border:solid 1px #ccc; }
#share ul li a:hover { background:#cfb138; color:#fff; border:solid 1px #cfb138; }

/*社群分享區塊*/
#share .community { padding:2px 6px; background:#FFF; color:#333; border:solid 1px #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#share .community a { float:left; display:block; width:20px; height:20px; margin:2px 5px 3px 0px; padding:0; border:none; opacity:1; text-indent:-9999px; }
#share .community a:hover { border:none; opacity:0.7; }

/*社群icon*/
#share .line-it-button { float:left; margin:2px 5px 3px 0px; }
#share .line-it-button:hover { opacity:0.5; }
#share .line { background:url(../images/community/icon_line_d.svg) no-repeat; }
#share .line:hover { background:url(../images/community/icon_line_d.svg) no-repeat; opacity:0.5; }
#share .gp { background:url(../images/community/icon_googleplus_d.svg) no-repeat; }
#share .gp:hover { background:url(../images/community/icon_googleplus_d.svg) no-repeat; opacity:0.5; }
#share .fb { background:url(../images/community/icon_facebook_d.svg) no-repeat; }
#share .fb:hover { background:url(../images/community/icon_facebook_d.svg) no-repeat; opacity:0.5; }
#share .wb { background:url(../images/community/icon_weibo_d.svg) no-repeat; }
#share .wb:hover { background:url(../images/community/icon_weibo_d.svg) no-repeat; opacity:0.5; }
#share .wc { background:url(../images/community/icon_wechat_d.svg) no-repeat; }
#share .wc:hover { background:url(../images/community/icon_wechat_d.svg) no-repeat; opacity:0.5; }
#share .tt { background:url(../images/community/icon_twitter_d.svg) no-repeat; }
#share .tt:hover { background:url(../images/community/icon_twitter_d.svg) no-repeat; opacity:0.5; }
#share .pl { background:url(../images/community/icon_plurk_d.svg) no-repeat; }
#share .pl:hover { background:url(../images/community/icon_plurk_d.svg) no-repeat; opacity:0.5; }

/* ======================= PAGE 頁碼 ======================= */
#page { clear:both; padding:20px 15px 15px 15px; border-top:solid 1px #ddd; }
#page ul { display:block; margin:0; padding:0; text-align:center; /*用文字方向可控制按鈕位置*/}
#page ul li { display:inline-block; margin:0 2px 10px 2px; padding:0; list-style:none; font-size:75%; line-height:24px; text-align:center; }
#page ul li a { display:block; padding:0px 10px; background:#FFF; color:#666; border:solid 1px #ccc; }
#page ul li a:hover { background:#cfb138; color:#FFF; border:solid 1px #cfb138; }
#page ul li a.cur { background:#ac6a08; color:#FFF; border:solid 1px #ac6a08; }

/*儲酒銀行*/
.table-wrapper { display: block; width: 100%; overflow-x: auto;}
.table-wrapper .table { width: 100%; min-width: 850px; border: 1px solid #cfb138 !important;}
.table-wrapper .table tr th { background: #cfb138; color: #383838; padding:10px; text-align: center;}
.table-wrapper .table tr td { padding: 5px 10px; text-align: center; border: 1px solid #cfb138 !important;}
.table-wrapper .table tr td img { max-width: 108px; height: auto;}
.table-wrapper .table tr td.title { text-align: left;}

/* ======================= RWD 其他螢幕尺寸樣式 ======================= */
/*小螢幕-電腦版設計是寬螢幕瀏覽時視情況使用*/
@media only screen and (max-width:1250px) { 
/* ----- HEADER ----- */
#inx_header { width:100%; }
#header { width:100%; }
#top_menu { width:100%; }
#top_menu ul li h2 { font-size:120%;}
/*----- HEADER 收縮 -----*/
#top_menu ul li ul { left:0px; width:100%; margin:0px; }
/*----- HEADER 收縮 -----*/
.logo a h2 { margin:0; padding:0; height:70px; background:url(../images/logos.svg) no-repeat center; background-size:150px; text-indent:-9999px; }
.shrinks { position:fixed !important; top:0px !important; left:0px; width:100%; height:72px !important; }
.shrinks #top_menu .logo { display:block; width:16%; }
.shrinks #top_menu ul { top:70px; }
.shrinks #top_menu ul li { display:block; width:10.5%; }
.shrinks #top_menu ul li h2  { font-size:110%;}
.shrinks #top_menu ul li a { padding:23px 5px; }
.shrinks #top_menu ul li ul { top:70px; }
.shrinks #top_menu ul li ul li { width:auto; }
.shrinks #top_menu ul .logo a { padding:0px !important; } 
/* ----- BANNER ----- */
#banner { width:100%; height:auto; }
#banner .banner_arrow_l { left:0; }
#banner .banner_arrow_r { right:0; }
#banner .pic b { width:100%; height:auto; margin:0 0 -5px 0; }
#banner .pic b img { width:100%; }
/* ----- CONTENT ----- */
#content { width:100%; }
/* ----- FOOTER -----*/
#footer { width:100%; padding:20px; }
/* ----- INDEX -----*/
/*首頁區塊_上*/
#inx_top_box_all { padding:20px 0; }
#inx_top_box { width:100%; padding:40px 20px 20px 20px; }
/*首頁區塊_中*/
#inx_con_box_all { margin:0 auto 60px auto; padding:50px 20px 20px 20px; }
#inx_con_box { width:100%; }
/*首頁區塊_下*/
#inx_don_box { width:100%; padding:0 20px; }
#inx_news_box .box_text h3 { height:56px; overflow:hidden; }
#inx_pro_box .owl-nav { display:none; }
#inx_pro_box .owl-dots { display:block; margin:20px 0 0 0; }
#inx_fb_box { left:20px; }
#inx_link_box .owl-nav { display:none; }
/*內頁*/
#kklmap_box .box_list { display:block; }
/*多圖片區塊*/
.pic_list ul li { width:32.3333%; }
/*多影片區塊*/
.video_list ul li { width:32.3333%; }
}

/*小螢幕-電腦版設計是寬螢幕瀏覽時視情況使用*/
@media only screen and (max-width:1100px) { 
#inx_fb_box .box_info { width:480px; height:622px; }
#inx_ad_box .box_list { height:642px; }
#inx_ad_box .box_list ul li { width:48%; }
/* ----- 內頁 ----- */
#news_box .box_list ul li { width:48%; }
#pro_box .box_list ul li { width:48%; }
#video_box .box_list ul li { width:48%; }
#print_box .box_list ul li { width:48%; }
#album_box .box_list ul li { width:48%; }
#album_box .box_info ul li { width:31.3333%; }
#glory_box .box_list ul li { width:31.3333%; }
#link_box ul li { width:31.3333%; }
/*KKLMAP 分區介紹*/
#kklmap_box .box_info svg { width:733px; height:415px; }
/*PERSONAL 隱私權條款*/
#personal_box .box_info { margin:5% auto; }
/*20210323新增*/
#pro_box .box_list ul li.tabs { width: 48%;}
#pro_box .box_list ul li.tabs .box_tag ul li { width: 23%; }
}

/*平板*/
@media only screen and (max-width:960px) { 
#logo_m { display:block; background:none !important; }
#wrapper { padding:0; }
/*NAV*/
#nav_all { display:none; }
/*MENU*/
#inx_menu_all { display:none; }
#menu_all { display:none; }
.js #menu { display:none; }
.js .slicknav_menu { display:block !important; position:fixed; top:5px; right:5px; left:5px; z-index:999; padding:0px; }
.slicknav_menu { display:block !important; border-top:solid 1px rgba(255, 255, 255, 0.2) !important; border-bottom:solid 1px rgba(255, 255, 255, 0.2) !important; }
.shrink_m { position:fixed !important; top:0px; left:0px; background:rgba(255, 255, 255, 0.6) !important; }

/*BANNER*/
#banner { margin:60px auto 0 auto; }
#bannerss { margin:60px auto 0 auto; }
/* ----- CONTENT -----*/
#inx_content { margin:0 auto; }
#content { margin:0 auto; padding:0px; }
#contact_box .bank_form { padding: 0 5%;}
/*LEFT左邊區塊*/
#left_block { display:none; }
#main_block { padding:0px; }
/* ----- FOOTER -----*/
#footer_l { float:none; }
#footer_r { display:none; float:none; }
#don_menu { display:none; }
/* ----- HOME -----*/
#home_box .box_info { top:0px; width:100%; height:90%; margin:0 auto; padding:50px; background:url(../images/bg_k70.png) repeat; overflow:auto; }
#home_box .box_pic { display:none; }
#home_box .box_text { position:relative; top:50%; padding:0; margin:-210px 0 0 0; }
#home_box .box_text .logo { display:block; }
#home_box .box_text .logo h1 { width:100%; }
/* ----- INDEX -----*/
#inx_fb_box .box_info { width:420px; }
#inx_ad_box { padding:0 0 0 440px; }
/* ----- 內頁 ----- */
#news_box .box_list ul li { width:31.3333%; }
#pro_box .box_list ul li { width:31.3333%; }
#video_box .box_list ul li { width:31.3333%; }
#print_box .box_list ul li { width:31.3333%; }
#album_box .box_list ul li { width:31.3333%; }
#album_box .box_info ul li { width:23%; }
#glory_box .box_list ul li { width:23%; }

/*多圖片區塊*/
.pic_list ul { margin:0 -2% 0 0; }
.pic_list ul li { width:48%; margin:0 2% 15px 0; }
/*多影片區塊*/
.video_list ul { margin:0 -2% 0 0; }
.video_list ul li { width:48%; margin:0 2% 15px 0; }
/*20210323新增*/
#pro_box .box_list ul li.tabs {width: 64.6%;}
#pro_box .box_list ul li.tabs .box_tag ul li { width: 18%; }

}
/*平板*/
@media only screen and (max-width:888px) {
#home_box .box_text { margin:-243px 0 0 0; }
}
/*平板*/
@media only screen and (max-width:800px) { #banner { display:none; }
#banners { display:block; margin:60px auto 0 auto; }
#inx_fb_box .box_info { width:340px; height:472px; }
#inx_ad_box { padding:0 0 0 360px; }
#inx_ad_box .box_list { height:492px; }
#inx_ad_box .box_list ul li b { height:140px; }
#inx_news_box .box_list01 { display:none; }
#inx_news_box .box_list01_m { display:block; }
#inx_news_box .box_list02 { float:none; width:98%; margin:0 0 15px 0; padding:0; }
/* ----- 內頁 ----- */
#news_box .box_list ul li { width:48%; }
#pro_box .box_list ul li { width:48%; }
#video_box .box_list ul li { width:48%; }
#print_box .box_list ul li { width:48%; }
#album_box .box_list ul li { widt:48%; }
#album_box .box_info ul li { width:31.3333%; }
#glory_box .box_list ul li { width:31.3333%; }
#link_box ul li { width:48%; }
/*KKLMAP 分區介紹*/
#kklmap_box .box_info svg { width:725px; height:410px; }
/*PERSONAL 隱私權條款*/
#personal_box .box_info { margin:0 auto; }
/*SITEMAP 網站導覽*/
#sitemap_box ul li { width:50%; }

.img_w { display:none; }
.img_p { display:block; }
.img_m { display:none; }
/*20210323新增*/
#pro_box .box_list ul li.tabs { width: 48%;}
#pro_box .box_list ul li.tabs .box_tag ul li { width: 31%; }
}

/*手機板*/
@media only screen and (max-width:700px) { 
.totop a { bottom:12%; right:15px; }
#bannerss { display:none; }
#content_all { margin:80px auto 0 auto; }
#path { display:none; }

#home_box .lanbtn a { width:90%; }
/* ----- INDEX -----*/
#inx_news_box .box_tit,
#inx_pro_box .box_tit,
#inx_fb_box .box_tit,
#inx_ad_box .box_tit,
#inx_link_box .box_tit { margin:0 0 10px 0; }

#inx_top_box_all { padding:0px; }

#inx_con_box_all { margin:0 auto 40px auto; }

#inx_don_box_all { padding:0 0 40px 0; }
#inx_fb_box { position:relative; left:0px; margin:0 0 20px 0; }
#inx_fb_box .box_info { display:none; }
#inx_fb_box .box_info_m { display:block; width:100%; height:130px; }
#inx_fb_box .box_info_m iframe { margin:0 auto; }

#inx_ad_box { padding:0px; }
#inx_ad_box .box_list ul li b { height:240px; }
#inx_ad_box .box_list { display:none; }
#inx_ad_box .box_list_m { display:block; }
#inx_ad_box .owl-nav { display:none; }

/*文案內快速搜尋框 有年度下拉*/
.box_search2 .sel { width:24%; }
.box_search2 .text { width:75%; }
/*KKLMAP 分區介紹*/
#kklmap_box .box_info svg { width:623px; height:353px; }
/*多圖片區塊*/
.pic_list ul li { width:100%; padding:0; }
/*多影片區塊*/
.video_list ul li { width:100%; padding:0; }
/*FORM 表單專用*/
.box_form .form_l { float:none; width:98%; }
.box_form .wall3 { width:32.3333%; }
.box_form .wall4 { width:100%; }
/*20210323新增*/
#pro_box .box_list ul.tabs-box li { float:none; width: 99%;}
#pro_box .box_list ul li.tabs .box_tag ul li { float:left; width: 23%; }
}

/*手機板*/
@media only screen and (max-width:560px) { 
#inx_fb_box { margin:0 0 40px 0; }
#inx_ad_box .box_list_m ul li b { height:300px; }
#inx_link_box { margin:40px 0 0 0; }
/* ----- 內頁 ----- */
#news_box .box_list ul li { width:98%; }
#pro_box .box_list ul li { width:98%; }
#video_box .box_list ul li { width:98%; }
#print_box .box_list ul li { width:98%; }
#album_box .box_list ul li { width:98%; }
#album_box .box_info ul li { width:48%; }
#glory_box .box_list ul li { width:48%; }
#link_box ul li { width:98%; }
/*STORE 銷售據點*/
#store_box .box_pic { position:relative; top:0px; left:0px; }
#store_box .box_pic b { max-width:100%; }
#store_box .box_pic b:before { position:absolute; top:180px; left:0px; z-index:997; content:""; width:100%; height:20px; background:url(../images/news_picbg02.png) repeat-x bottom left; }
#store_box .box_text { padding:20px 20px 20px 20px; height:160px; }
/*ORDER 購買紀錄*/
#order_box .form_c { width:40%; }
#order_box .form_l { width:30%; }
#order_box .form_l2 { display:none; }

/*SHOP 購物流程*/
#shopstep_box .box_list .form_c { width:40%; }
#shopstep_box .box_list .form_c2 { width:60%; }
#shopstep_box .box_list .form_l { width:20%; }
#shopstep_box .box_list .form_l2 { width:20%; }

/*20210323新增*/
#pro_box .box_list ul li.tabs .box_tag ul li { width:23%; }
}
/*手機板*/
@media only screen and (max-width:515px) {
#home_box .box_text { margin:-278px 0 0 0; }
}
/*手機板*/
@media only screen and (max-width:500px) { 
/*HOME*/
#home_box .box_info { padding:20px; }
#home_box .box_text { margin:-187px 0 0 0; }
#home_box .box_text .logo { padding:0; }
#home_box .box_text .logo h1 { height:60px; }
#home_box .box_text p { font-size:220%; }
#home_box .box_text span { font-size:100%; }
#home_box .ynbtn a { width:100px; height:100px; margin:0 10px; line-height:60px; }
/*INDEX*/
#inx_pro_box .box_list .item h4 { bottom:2px; height:78px; }
#inx_link_box .box_list .item:hover h4 { height:20%; }
/*文案內快速搜尋框 有年度下拉*/
.box_search2 { position:relative; height:30px; margin:10px 0; padding:0 30px 0 0; }
.box_search2 .tit { display:none; }
/*內頁*/
#album_box .box_info ul li { width:98%; }
#glory_box .box_list ul li { width:98%; }
#sitemap_box ul li { width:100%; }
/*KKLMAP 分區介紹*/
#kklmap_box .box_info svg { width:423px; height:240px; }

.img_w { display:none; }
.img_p { display:none; }
.img_m { display:block; }
/*20210323新增*/
#pro_box .box_list ul li.tabs .box_tag ul li { width:31%; }
}