@charset "utf-8";
/* 優吉兒網頁編號BMWs010開發
   開發日期:2014/3/19
   更新紀錄:2014/3/24 整理css
   開發人員：Jay
----------------------------------*/
/*1-1.html5 標籤元素設定
------------------------*/
header, nav, section, article, aside, time, footer { display:block;}

/*1-2.全域屬性設定
------------------------*/
body { font-family:"微軟正黑體"; padding:0; margin:0; padding-bottom:470px; position:relative; background:#000;}
img { border:0;}
input { padding:0 5px;}


.PageTitleWrapper,.PageTitle p,.PageTitle h1,.PageContent .PageNews,.PageMenu ul.Menu,.PageMenu ul,.PageFAQ,.DefBanner h1,.Content h1, .Content p,.DefProducts036 h1,.DefAds046_Other h1,.DefAds036 h1,.DefAds h1,.DefAds ul,.DefAds li,.DefAds p,.DefAds2 h1,.productlist ul,.ProductList ul,#tbContent .ordsrhform ul,#tbContent .ordsrhform ul li,#tbContent .ordsrhform ul li h3,.PageContent .PageDown,.PageContent .PageArticle div h1,.memberlogin ul,.memberlogin ul li,.memberlogin ul li h3 ,.memberpswform ul,.memberpswform ul li,.memberpswform ul li h3 ,.EpaperEmail ul,.EpaperEmail ul li,.EpaperEmail ul li h3,.contactform ul,.contactform ul li,.contactform ul li h3 ,.PageContent .PageLink,.PageContent .PageJob,.PageContent .PageJob td, .PageContent .PageJob table,.css_AlbumPhotoFrameTitle a,.css_AlbumFrameTitle a,.PageMedia,.product-detail-descr ul,.product-detail-relateditle ul,.retailresultlist ul { padding:0; margin:0; list-style:none; text-decoration:none; border:0;}

.InsidePhoto { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.InsidePhoto iframe { width:49%; height:400px; margin-bottom:20px;}
.InsidePhoto iframe:nth-of-type(even) { float:right;}

/*1-3.共用元件設定
------------------------*/
.Div-W1000 { width:100%; max-width:1200px; height:auto; overflow:hidden; margin:0 auto; position:relative;}
.PageArticle .Div-W1000 { width:100%; height:auto; overflow:hidden;}
.Wrapper { width:100%; max-width:1920px; height:auto; overflow:hidden; margin:0 auto;
 background:url(../images/NewLayout/PageContent.jpg) 0px 500px no-repeat #faf0e4;}

/*1-4.Header設定
------------------------*/
.Header { width:100%; height:100px; margin:0 auto; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:9;}
.Header .Logo { width:200px; height:70px; float:left; margin:15px 0;}
.Header .Logo a { display:block; width:100%; height:70px; background:url(../images/Logo.png) no-repeat; text-indent:-9999px;}

/*1-6.Nav設定
------------------------*/
.Header .Div-W1000 { overflow:visible;}

.Header .Nav { width:100%; max-width:900px; height:auto; float:right;}
.Header .Nav ul.MainMenu { padding:0; margin:0; list-style:none; width:100%; height:100px; margin:0 auto;}
.Header .Nav ul.MainMenu li {padding:0; margin:0; list-style:none;}
.Header .Nav li.MainMenuLi { padding:0; margin:0; list-style:none; font-size:18px; height:100px; line-height:100px; text-align:center; float:left; position:relative; width:12.5%; width:14.285%;}
.Header .Nav li.MainMenuLi a { display:block; text-decoration:none;}
.Header .Nav li.MainMenuLi a:link { color:#fff;}
.Header .Nav li.MainMenuLi a:visited { color:#fff;}
.Header .Nav li.MainMenuLi a:hover { color:#ebc874;}
.Header .Nav li.MainMenuLi a:active { color:#ebc874;}
.Header .Nav li.MainMenuLi ul.MainMenuSub { padding:10px 0; margin:0; list-style:none;position:absolute; width:100%; height:auto; overflow:hidden; left:0; top:100px; z-index:9999; display:none; background:rgba(0,0,0,0.6); font-family:"微軟正黑體"; font-weight:normal;}
.Header .Nav li.MainMenuLi ul.MainMenuSub li { padding:0; margin:0; list-style:none; font-size:14px; height:auto;text-align:left;width:100%; overflow:hidden;}
.Header .Nav li.MainMenuLi ul.MainMenuSub li a { width:100%; height:40px; padding:0 10px; line-height:40px; display:block; overflow:hidden;}
.Header .Nav li.MainMenuLi ul.MainMenuSub li a:hover {background:rgba(0,0,0,0.6);}
.slicknav_menu { display:none;}

/*1-7.DefBanner設定
------------------------*/
.DefBanner { width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.swiper-container-DefBanner { position:relative;}
.swiper-container-DefBanner .swiper-pagination-clickable { position:absolute; width:100%; height:auto; overflow:hidden; bottom:0; left:0; text-align:center; z-index:8;}
.swiper-container-DefBanner .swiper-pagination-clickable span { margin:5px;}
/*1-8.ImgBanner設定
------------------------*/
.ImgBanner { width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto;}


/*-----------------首頁中間內容設定-----------------*/
.DefContent .Div-W1000 { max-width:1920px;}
.DefContent * {box-sizing:border-box;}
.DefProducts01 { width:100%; height:1410px; max-width:1920px; overflow:hidden; background:url(../images/NewLayout/DefProducts01.jpg) top center no-repeat; padding-top:160px; text-align:center;}
.DefProducts01 .DefContentH1 { width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative;}
.DefProducts01 .DefContentH1:before { content:''; width:470px; height:1px; overflow:hidden; background:rgba(130,70,70,0.8); position:absolute; left:50%; margin-left:-600px; top:60px;}
.DefProducts01 .DefContentH1:after { content:''; width:470px; height:1px; overflow:hidden; background:rgba(130,70,70,0.8); position:absolute; right:50%; margin-right:-600px; top:60px;}
.DefProducts01 .DefContentH1 * { padding:0; margin:0;}
.DefProducts01 .DefContentH1 h1 { font-size:50px; font-weight:normal; color:#834747; opacity:0;}
.DefProducts01 .DefContentH1 h2 { font-size:26px; font-weight:normal; margin-top:-10px; color:#834747; opacity:0;}
.DefProducts01 .DefContentH1 p { font-size:25px; color:#5b5b5b; font-style:italic; margin-top:20px;}
.DefProducts01 .DefProducts_02 {background:url(../images/NewLayout/DefProducts01_Slogan.png) top center no-repeat; margin-top:375px;}
.DefProducts01 .swiper-wrapper .swiper-slide { max-width:100%;}
.DefProducts01 .swiper-wrapper .DivName { display:none;}
.DefProducts01 .swiper-container-Product2 { max-width:800px; margin:0 auto; overflow:hidden;}
.DefProducts01 .swiper-pagination-clickable .swiper-pagination-bullet { margin:0 2.5px;}
.DefProducts01 .More { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0;}
.DefProducts01 .More a { display:block; width:130px; height:40px; line-height:40px; overflow:hidden; margin:0 auto; text-align:center; color:#fff; border:1px solid rgba(255,255,255,0.5); background:rgba(0,0,0,0.1); text-decoration:none;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.DefNews01 { width:100%; max-width:1920px; height:850px; overflow:hidden; background:url(../images/NewLayout/DefNews01.jpg) top center no-repeat; padding-top:80px;}
.DefNews01 * {box-sizing:border-box; padding:0; margin:0;}
.DefNews01 .DefContentH1 { width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; margin-bottom:75px;}
.DefNews01 .DefContentH1:before { content:''; width:470px; height:1px; overflow:hidden; background:rgba(255,255,255,0.8); position:absolute; left:50%; margin-left:-600px; top:60px;}
.DefNews01 .DefContentH1:after { content:''; width:470px; height:1px; overflow:hidden; background:rgba(255,255,255,0.8); position:absolute; right:50%; margin-right:-600px; top:60px;}
.DefNews01 .DefContentH1 * { padding:0; margin:0;}
.DefNews01 .DefContentH1 h1 { font-size:50px; font-weight:normal; color:#834747; opacity:0;}
.DefNews01 .DefProducts_02 { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1200px;}
.DefNews01 .DefProducts_02 .swiper-slide {  max-width:285px; height:400px; overflow:hidden; background:#ebeae8;}
.DefNews01 .DefProducts_02 .swiper-slide .DivFrame { width:100%; max-width:285px; height:auto; overflow:hidden; margin:0 auto;}
.DefNews01 .DefProducts_02 .swiper-slide .DivFrame .DivImg { width:100%; height:270px; overflow:hidden; margin:0 auto;}
.DefNews01 .DefProducts_02 .swiper-slide .DivFrame .DivImg a { display:block;}
.DefNews01 .DefProducts_02 .swiper-slide .DivFrame .DivImg a img { width:285px; height:270px;}
.DefNews01 .DefProducts_02 .swiper-slide .DivFrame .DivName { width:100%; height:110px; overflow:hidden; margin:0 auto;}
.DefNews01 .DefProducts_02 .swiper-slide .DivFrame .DivName a { display:block; width:100%; height:auto; overflow:hidden; padding:20px 15px; text-decoration:none;}
.DefNews01 .DefProducts_02 .swiper-slide .DivFrame .DivName a h3 { font-size:15px; color:#464646; font-weight:normal;}
.DefNews01 .DefProducts_02 .swiper-slide .DivFrame .DivName a h1 { font-size:18px; color:#464646; font-weight:normal;}

/*2015.11.25 Karen 修正首頁新聞第二行壓底問題*/
.DefNews01 .DefProducts_02 .swiper-slide .DivFrame .DivName a br { display: block; margin: 4px 0;}

.DefNews01 .DefProducts_02 .swiper-wrapper { margin-bottom:45px;}
.DefNews01 .DefProducts_02 .swiper-pagination-People3 { text-align:center;}
.DefNews01 .DefProducts_02 .swiper-pagination-clickable .swiper-pagination-bullet { margin:0 2.5px;}
.DefNews01 .More { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:40px 0;}
.DefNews01 .More a { display:block; width:130px; height:40px; line-height:40px; overflow:hidden; margin:0 auto; text-align:center; color:#fff; border:1px solid rgba(255,255,255,0.5); text-decoration:none;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.DefAboutUs01 { width:100%; max-width:1920px; height:800px; overflow:hidden; background:url(../images/NewLayout/DefAboutUs01.jpg) 0 0 no-repeat; padding-top:80px; position:relative;}
.DefAboutUs01 img { display:none;}
.DefAboutUs01 * {box-sizing:border-box; padding:0; margin:0;}
.DefAboutUs01 .DefContentH1 { width:420px; height:340px; overflow:hidden; position:absolute;right:50%; margin-right:-700px; top:230px;}
.DefAboutUs01 .DefContentH1 * { padding:0; margin:0;}
.DefAboutUs01 .DefContentH1 h1 { width:100%; height:55px; overflow:hidden; text-indent:-9999px; background:url(../images/NewLayout/DefAboutUs01_H1.png) 0 0 no-repeat;}
.DefAboutUs01 .DefContentH1 p { font-size:18px; color:#fff; margin-top:30px; line-height:1.7em;}
.DefAboutUs01 .More { width:130px; height:auto; overflow:hidden; float:left; margin-top:90px;}
.DefAboutUs01 .More a { display:block; width:130px; height:40px; line-height:40px; overflow:hidden; margin:0 auto; text-align:center; color:#fff; border:1px solid rgba(255,255,255,0.5); text-decoration:none;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.DefAlbum01 { width:100%; max-width:1920px; height:850px; overflow:hidden; background:url(../images/NewLayout/DefAlbum01.jpg) top center no-repeat; padding-top:80px;}
.DefAlbum01 * {box-sizing:border-box; padding:0; margin:0;}
.DefAlbum01 .DefContentH1 { width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; margin-bottom:75px;}
.DefAlbum01 .DefContentH1:before { content:''; width:470px; height:1px; overflow:hidden; background:rgba(255,255,255,0.8); position:absolute; left:50%; margin-left:-600px; top:70px;}
.DefAlbum01 .DefContentH1:after { content:''; width:470px; height:1px; overflow:hidden; background:rgba(255,255,255,0.8); position:absolute; right:50%; margin-right:-600px; top:70px;}
.DefAlbum01 .DefContentH1 * { padding:0; margin:0;}
.DefAlbum01 .DefContentH1 h1 { font-size:50px; font-weight:normal; color:#834747; opacity:0;}
.DefAlbum01 .DefProducts_01 { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1200px; margin-top:130px;}
.DefAlbum01 .DefProducts_01 .swiper-slide {  max-width:280px; height:280px; overflow:hidden; border:2.5px solid #fff; background:#fff;
/*陰影*/
-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.1);-moz-box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.1);
box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.1);}
.DefAlbum01 .DefProducts_01 .swiper-slide .DivFrame { width:100%; max-width:275px; height:auto; overflow:hidden; margin:0 auto;}
.DefAlbum01 .DefProducts_01 .swiper-slide .DivFrame .DivImg { width:100%; height:275px; overflow:hidden; margin:0 auto;}
.DefAlbum01 .DefProducts_01 .swiper-slide .DivFrame .DivImg a { display:block;}
.DefAlbum01 .DefProducts_01 .swiper-slide .DivFrame .DivImg a img { width:275px; height:275px;}
.DefAlbum01 .DefProducts_01 .swiper-wrapper { margin-bottom:100px;}
.DefAlbum01 .DefProducts_01 .swiper-pagination-People2 { text-align:center;}
.DefAlbum01 .DefProducts_01 .swiper-pagination-clickable .swiper-pagination-bullet { margin:0 2.5px;}
.DefAlbum01 .More { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:40px 0;}
.DefAlbum01 .More a { display:block; width:130px; height:40px; line-height:40px; overflow:hidden; margin:0 auto; text-align:center; color:#fff; border:1px solid rgba(255,255,255,0.5); text-decoration:none;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}


.DefFAQ01 { width:100%; max-width:1920px; height:800px; overflow:hidden; background:url(../images/NewLayout/DefFAQ01.jpg) 0 0 no-repeat; padding-top:80px; position:relative;}
.DefFAQ01 * {box-sizing:border-box; padding:0; margin:0;}
.DefFAQ01 .DefContentH1 { width:480px; height:280px; overflow:hidden; position:absolute;right:50%; margin-right:-720px; top:285px;}
.DefFAQ01 .DefContentH1 * { padding:0; margin:0;}
.DefFAQ01 .DefContentH1 h1 { width:100%; height:55px; overflow:hidden; text-indent:-9999px; background:url(../images/NewLayout/DefFAQ01_H1.png) 0 0 no-repeat;}
.DefFAQ01 .DefContentH1 p { font-size:18px; color:#6c6c6c; margin-top:30px; line-height:1.7em;}
.DefFAQ01 .More { width:130px; height:auto; overflow:hidden; float:left; margin-top:85px;}
.DefFAQ01 .More a { display:block; width:130px; height:40px; line-height:40px; overflow:hidden; margin:0 auto; text-align:center; color:#6c6c6c; border:1px solid #6c6c6c; text-decoration:none;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

/*1-10.SiteMap設定
------------------------*/
/*基礎樣式設定(不能修改)*/
.SiteMap { width:100%; height:500px; overflow:hidden;}
.SiteMap iframe { width:100%; height:500px;}

/*1-11.Footer設定
------------------------*/
.footer { width:100%; height:auto; color:#fff; padding-bottom:60px; position:absolute; overflow:hidden; padding-top:25px; left:0; bottom:0;}
.footer * { box-sizing:border-box; color:#fff; text-decoration:none;}
.FooterWrap { width:100%; height:auto; overflow:hidden; background:#040509; }
.footer .Div-W1000 { padding:60px 10px; overflow:hidden;}
.footer .Div-W1000 .Footer_Left { width:50%; height:auto; overflow:hidden; float:left;}
.footer .Div-W1000 .Footer_Left * { max-width:100%; height:auto;}
.footer .Div-W1000 .Footer_Left .fb-page { max-width:100%; height:300px;}
.footer .Div-W1000 .Footer_Right { width:50%; height:auto; overflow:hidden; float:right; text-align:right;}
.footer .Div-W1000 .Footer_Right * { padding:0; margin:0; list-style:none;}
.footer .Div-W1000 .Footer_Right h2 { font-size:16px; font-weight:normal; margin-top:15px;}
.footer .Div-W1000 .Footer_Right p { width:100%; height:auto; overflow:hidden; font-size:14px; margin:2.5px 0;}
.footer .Div-W1000 .Footer_Right p span { width:100%; height:auto; overflow:hidden; display:block;}
.footer .Div-W1000 .Footer_Right ul { width:100%; max-width:148px; max-width:185px; height:auto; overflow:hidden; float:right;}
.footer .Div-W1000 .Footer_Right li { float:left; width:32px; height:32px; overflow:hidden; margin:2.5px;}
.footer .Div-W1000 .Footer_Right li a { display:block;}

/*2015.10.13新增置頂按鈕設定*/
.footer .GoTop { width:45px; height:45px; overflow:hidden; position:absolute; left:50%; margin-left:-25px; bottom:0; top:0px; cursor:pointer; z-index:999999;} 
.footer .GoTop a { width:45px; height:45px; display:block; background:url(../images/Bu_GoTop.png) center no-repeat; overflow:hidden;}

/*優吉兒網站連結(有網頁空間資訊時)*/
.uGear { width:270px; height:60px; position:absolute; bottom:0; right:50%; margin-right:-600px; text-align:center; text-align:left; font-family:"微軟正黑體"; background:url(../images/truste_Ugear.png) 100px 0 no-repeat; font-size:12px;}
.uGear:hover {background:url(../images/truste_Ugear_o.png) 100px 0 no-repeat;}
.uGear span { float:left; display:inline-block; width:100px; height:24px; line-height:24px; margin-top:33px;}
.uGear a { display:inline-block; width:auto; height:60px; line-height:90px; font-size:12px; color:#fff; text-decoration:none; text-indent:2px;}
.uGear a:hover { color:#fff; }

.DefContent { width:100%; height:auto; overflow:hidden; margin:0 auto;}


/*=============================================內頁共用設定 START==============================================*/
/*1-1.內頁內容版頭+麵包屑設定
------------------------*/
form { width:100%; height:auto; overflow:hidden; margin:0 auto; display:block;}

.PageTitleWrapper { width:100%; height:auto; overflow:hidden;}
.PageTitle { width:100%; max-width:1920px; height:120px; height:90px; overflow:hidden; margin:0 auto; text-align:center;
/*漸層*/
background: rgb(93, 7, 6);
background: -moz-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -webkit-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -o-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -ms-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: linear-gradient(180deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);

}
.PageTitle h1 { padding:0; margin:0 auto; width:100%; max-width:520px; font-size:40px; font-size:30px; height:120px; line-height:120px; height:90px; line-height:90px; background:url(../images/NewLayout/PageTitleH1.png) top center no-repeat; color:#fff;
/*background-size*/
-moz-background-size:80% 90px;
-webkit-background-size:80% 90px;
-o-background-size:80% 90px;
background-size:80% 90px;}
.PageTitle .BreadCrumbs { display:none;}


/*1-2.內頁分頁選單設定
------------------------*/
.PageMenu { width:100%; height:auto; overflow:hidden; margin:0 auto; /*background:#faf0e4;*/ }
.PageMenu * {box-sizing:border-box; padding:0; margin:0; list-style:none;}
.PageMenu ul { width:100%; max-width:1200px; height:auto; overflow:hidden; padding:15px 0; margin:0 auto; text-align:center;}
.PageMenu li { width:120px; display:inline-block; height:50px; text-align:center; margin:5px; font-size:16px; border:1px solid #a9853b; padding:2px; background:rgba(255,255,255,0.3);}
.PageMenu li a:link { width:100%; height:44px; line-height:42px; display:block; text-decoration:none; color:#a9853b; border:1px solid  #a9853b; text-align:center;}
.PageMenu li a:visited { color:#a9853b;border:1px solid #a9853b;}
.PageMenu li a:hover { color:#fff; background:#a9853b;border:1px solid  #a9853b;}
.PageMenu li a:active { color:#fff; background:#a9853b;border:1px solid  #a9853b;}
.PageMenu li a span { display:block; width:100%; height:42px; line-height:42px;color:#fff; background:#a9853b; text-align:center;}
.PageMenu ul.Menu li ul.SubMenu { float:left; width:220px; padding:0;}
.PageMenu ul.Menu li ul.SubMenu li { width:220px; padding:0 10px; background:none; line-height:35px; padding:0; text-indent:40px; font-size:14px; }
.PageMenu ul.Menu li ul.SubMenu li ul li { width:200px; overflow:hidden;}
.PageMenu ul.Menu li ul.SubMenu li a:link { height:35px; min-height:0; line-height:36px; width:220px; color:#777; background:url(../images/Bg_SubMenu_Li.gif); border-bottom:1px dotted #eee;}
.PageMenu ul.Menu li ul.SubMenu li a:visited { color:#777; background:url(../images/Bg_SubMenu_Li.gif); border-bottom:1px dotted #eee;}
.PageMenu ul.Menu li ul.SubMenu li a:hover { color:#333; background:url(../images/Bg_SubMenu_Li_o.gif); border-bottom:1px dotted #eee;}
.PageMenu ul.Menu li ul.SubMenu li a:active { color:#333; background:url(../images/Bg_SubMenu_Li_o.gif); border-bottom:1px dotted #eee;}
.PageMenu ul.Menu li ul.SubMenu2 li{clear:both;}

.PageMenuContent { width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:left; box-sizing:border-box;}
.PageMenuContent * { box-sizing:border-box;}
.PageMenuContent .Div-W1000 { padding:10px;}
.PageMenuContent .Div-W1000 * { max-width:100%; height:auto; overflow:hidden;}
/*1-2.內頁內容設定
------------------------*/
.PageContent { width:100%; height:auto; min-height:500px; overflow:hidden; padding:30px 10px; margin:0 auto; box-sizing:border-box; max-width:1200px; float:none;}
.PageContent * { box-sizing:border-box;}
.PageContent .PageArticle { width:100%; max-width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.PageContent .PageArticle .PageArticleH1 { font-size:36px; width:100%; height:auto; overflow:hidden; text-align:center; font-weight:normal; color:#990b0a; padding:15px 0;}
.PageContent .PageArticle h1 { font-size:18px; color:#000; line-height:30px;}
.PageContent .PageArticle p { /*font-size:14px;*/ color:#444; margin:1.6em 0; line-height:1.5em; font-size:16px;}
.PageContent .SocialNetwork { width:148px; width:185px; height:auto; overflow:hidden; margin:0 auto;}
.PageContent .SocialNetwork * { padding:0; margin:0; list-style:none; float:left;}
.PageContent .SocialNetwork li { margin:0 2.5px;}

/*1-3.回上一頁按鈕設定
------------------------*/
.formbtn { width:100%; max-width:420px; margin:0 auto;}
.formbtn a { float:left;}
.formbtn a:nth-of-type(2) { float:right;}
a.GoBack:link { width:200px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:20px; text-decoration:none; display:block; background:#990b0a; margin:20px auto;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
/*陰影*/
-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.1);-moz-box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.1);
box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.1);}
a.GoBack:visited { color:#fff; background:#990b0a; }
a.GoBack:hover { color:#fff; background:#b81c22;}
a.GoBack:active { color:#fff; background:#b81c22;}

/*2014.9.23修改 Ruru*/
.css_PageList{ width:100%; height:auto; overflow:hidden; margin:10px 0; float:left; text-align:right; padding:15px;}
.css_PageList .current, .css_PageList a { display:inline-block; color:#555; height:40px; font-size:18px; text-decoration:none;}
.css_PageList .current, .css_PageList .css_PageList_EN { height:40px; line-height:38px; width:40px; border:1px solid #fff; display:inline-block; text-align:center; margin:0 5px; background:rgba(255,255,255,0.5);}
.css_PageList .current { color:#990b0a; }

/*=============================================內頁共用設定 END==============================================*/

/*品牌故事*/
.AboutUs .AboutUs-01 { width:100%; height:auto; overflow:hidden; margin:0 auto; background:rgba(255,255,255,0.5);}
.AboutUs .AboutUs-01 .AboutUs-01-Mainimg { max-width:30%; float:left; height:auto;}
.AboutUs .AboutUs-01 .AboutUs-01-Mainimg2 { display:none;}
.AboutUs .AboutUs-01 .AboutUs-01-Article { width:70%; height:auto; overflow:hidden; float:right; padding: 50px 30px;}
.AboutUs .AboutUs-01 .AboutUs-01-Article h1 { font-size:34px; line-height:1.4em; font-weight:normal; color:#990b0a;}
.AboutUs .AboutUs-01 .AboutUs-01-Article p { color:#000; font-size:18px; font-weight:normal; line-height:1.7em;}
.AboutUs .AboutUs-01 .AboutUs-01-Article .AboutUs-01-Photo { width:100%; height:auto; overflow:hidden;}
.AboutUs .AboutUs-01 .AboutUs-01-Article .AboutUs-01-Photo img { max-width:30%; height:auto; margin:10px 1.5%; float:left; border:5px solid #fff;
/*陰影*/
-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.1);-moz-box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.1);
box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.1);}

.AboutUs .AboutUs-02-H2 { width:100%; height:auto; overflow:hidden; text-align:center; color:#fff; /*font-family:"標楷體";*/ margin:0 auto; padding:15px 0; font-weight:normal; font-size:30px;
/*漸層*/
background: rgb(93, 7, 6);
background: -moz-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -webkit-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -o-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -ms-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: linear-gradient(180deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);}
.AboutUs .AboutUs-02 { width:100%; height:auto; overflow:hidden; margin:0 auto; background:rgba(255,255,255,0.5);}
.AboutUs .AboutUs-02 .AboutUs-02-Mainimg { width:100%; float:left; height:auto;}
.AboutUs .AboutUs-02 .AboutUs-02-Article { width:100%; height:auto; overflow:hidden; float:right; padding: 50px 30px;}
.AboutUs .AboutUs-02 .AboutUs-02-Article h1 { line-height:1.4em; font-size:34px; font-weight:normal; color:#990b0a;}
.AboutUs .AboutUs-02 .AboutUs-02-Article p { color:#000; font-size:18px; font-weight:normal; line-height:1.7em;}

.AboutUs-03-Map { width:100%; height:650px; overflow:hidden; margin:0 auto; margin-bottom:50px;}
.PageContent .PageArticle .AboutUs-03-Map p { width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; text-align:center; color:#fff; font-size:20px; margin:0; padding:0; float:left;
/*漸層*/
background: rgb(93, 7, 6);
background: -moz-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -webkit-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -o-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -ms-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: linear-gradient(180deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);}
.AboutUs-03-Map iframe { width:100%; height:600px; float:left;}
.AboutUs .AboutUs-03 { width:100%; height:auto; overflow:hidden; margin:0 auto; background:rgba(255,255,255,0.5);}
.AboutUs .AboutUs-03 .AboutUs-03-Mainimg { width:100%; float:left; height:auto;}
.AboutUs .AboutUs-03 .AboutUs-03-Article { width:100%; height:auto; overflow:hidden; float:right; padding: 50px 30px;}
.AboutUs .AboutUs-03 .AboutUs-03-Article h1 { line-height:1.4em; font-size:34px; font-weight:normal; color:#990b0a;}
.AboutUs .AboutUs-03 .AboutUs-03-Article p { color:#000; font-size:18px; font-weight:normal; line-height:1.7em;}
.AboutUs .AboutUs-03 .AboutUs-03-Article p img { max-width:30%; height:auto; float:left; margin:0 15px 15px 0;}

/*最新消息*/
.News .PageContent .PageNews{  width:100%; max-width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.News .PageContent iframe { float:none; margin:0 auto; display:block; overflow:hidden;}
.News .PageContent .PageNews li { list-style:none; height:auto; line-height:26px; padding:10px 0; border-bottom:#999 1px dotted; color:#333; font-size:16px;}
.News .PageContent .PageNews li a:link { color:#333; text-decoration:none; display:block;}
.News .PageContent .PageNews li a:visited { color:#000;}
.News .PageContent .PageNews li a:hover { color:#008cd6;}
.News .PageContent .PageNews li a:active { color:#008cd6;}
.News .PageContent .PageNews time { float:left; margin:0 20px; color:#666;}
.News .PageContent .PageNews li a:hover time { color:#000;}
.News .PageContent .PageArticle { width:100%; max-width:1200px; height:auto; overflow:auto; padding:5px 10px; margin:0 auto;}
.News .PageContent .PageArticle .PageArticleH1 { font-size:20px; height:auto; line-height:30px; padding:5px 0; margin-bottom:1em;}
.News .PageContent .PageArticle p { font-size:14px; line-height:1.5em; color:#4c4b4b; margin-bottom:1em;}
.News .PageContent .PageArticle h2 { font-size:16px; line-height:1.5em; height:1.5em; color:#000; margin-bottom:1em;}
.News .PageContent .PageArticle img { max-width:100%; height:auto;}
.News .PageContent .PageArticle img.Large {  width:100%; max-width:1200px; height:auto;}
.News .PageContent .PageArticle img.Small { width:150px; height:auto;}
/*圖片外框*/
.News .ImgBorder{
	border:#cccccc 1px solid;
	background-color:#ffffff;
	text-align: center;  		/* 相片水平居中 */
	vertical-align: middle;  	/* 相片垂直居中 */
	padding: 6px;
}
.News .ImgBorder02{border:#cccccc 1px solid;}
.News .ImgBorder03{
	border:#cccccc 1px solid;
	background-color:#ffffff;
	text-align: center;  		/* 相片水平居中 */
	vertical-align: middle;  	/* 相片垂直居中 */
	padding: 4px;
}
.News .ShowImgBorder{border:#cccccc 1px solid;}
.News .ShowImgBorderOn{border:#900 1px solid;}
.News .PageMenuContent { width:100%; height:auto; overflow:hidden; margin:0 auto; background:#fff;}
.News .PageMenuContent .Div-W1000 {  width:100%; max-width:1200px; padding-top:50px;}

#page *, #page *:before, #page *:after {box-sizing:border-box; padding:0; margin:0; list-style:none;}
#page .content { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:15px;}
#page .ClientList { width:100%; height:auto; overflow:hidden; margin:0 auto;}
#page .ClientList ul { width:100%; height:auto; overflow:hidden; margin:0 auto;}
#page .ClientList li { width:24%; height:auto; overflow:hidden;/* border:1px solid #ccc;*/ float:left; margin:10px 0.5%; 
 color: #666; font-size: 15px; line-height: 26px;word-wrap:break-word;word-break:break-all; }
#page .ClientList li:nth-of-type(4n+1) { clear:both;}
#page .ClientList li a { text-decoration:none; color:#990b0a;}
#page .ClientList li:hover { color:#000;}
#page .ClientList li:hover a { color:#b81c22;}
#page .ClientList li a h1 { width:100%; height:auto; overflow:hidden; padding:15px 0; font-size:24px; color:#990b0a; font-weight:normal;}
#page .ClientList li:hover a h1 { color:#b81c22;}
#page .ClientList li .ClientListPhoto { width:100%; height:auto; overflow:hidden; text-align:center;background:#fff; border:1px solid #fff;
/*圓角*/
-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;
/*陰影*/
-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.1);-moz-box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.1);
box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#page .ClientList li .ClientListPhoto img { width:100%; height:auto; display:block; margin:0 auto; }
.PageArticlePhoto { width:auto; height:auto; overflow:hidden; margin:0 20px 20px 0; display:inline-block; float:left; display:none;}
.PageArticlePhoto img {box-sizing:border-box; display:block; margin:0; margin-bottom:10px; padding:10px; background:#fff;
/*陰影*/
-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.1);-moz-box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.1);
box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.1);}

@media only screen and (min-width:0px) and (max-width:1024px) {#page .ClientList li { width:23%; margin:10px 1%;}
}
@media only screen and (min-width:0px) and (max-width:768px) {
	#page .ClientList li { width:48%;}
	.Showroom .shoppingcart-wrappertwo td { text-align:center;}
	.Showroom .shoppingcart-wrappertwo td > span { display:block; width:100%; text-align:center;}
	.Showroom .shoppingcart-wrappertwo td > span * { width:100%;}
	.Showroom .shoppingcart-wrappertwo td > span input { height:30px; line-height:30px;}
	.Showroom .shoppingcart-wrappertwo td > span img { width:auto;}
	.Showroom .shoppingcart-wrappertwo *, .Showroom .shoppingcart-wrappertwo * .title3 { display:block; width:100%; height:auto; overflow:hidden; text-align:center;}
	.Showroom .shoppingcart-wrappertwo tr td:first-child { color:#fff;
background: rgb(93, 7, 6);}
.Showroom .shoppingcart-wrappertwo tr:last-of-type td:first-child { background:none; color:#000;}
.Showroom .shoppingcart-wrappertwo tr td.title {
	/*漸層*/
background: rgb(93, 7, 6);
background: -moz-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -webkit-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -o-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -ms-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: linear-gradient(180deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);}
.Showroom .shoppingcart-wrappertwo tr td span[style="padding-top:10px; display:block;"] * { display:inline; width:auto; margin:5px 0;}
.Showroom .shoppingcart-wrappertwo tr td span[style="padding-top:10px; display:block;"] .notice { width:100%; display:block;}
	.Showroom .shoppingcart-wrappertwo span.mark-required { display:inline; float:none;}
}

/*菜色介紹*/
.Showroom { background:#fff; background:#000; width:100%; height:auto; overflow:auto; word-wrap:break-word;word-break:break-all;}
.Showroom li { list-style:none; text-align:left; float:left;}
.Showroom a { display:inline-block; text-decoration:none;}
.Showroom li a { display:block;}
.PageContentW1000 { width:100%;}
.Showroom .shoppingcart-wrappertwo td > span { margin:5px 0;}
.Showroom .swiper-container-Product { max-width:1000px; overflow:hidden; margin:0 auto;}
.Showroom .swiper-container-Product .DivName { width:100%; height:auto; overflow:hidden; text-align:center;}
.Showroom .swiper-container-Product .DivName a { width:100%; height:auto; overflow:hidden; display:block; margin:0 auto;}
.Showroom .swiper-container-Product .DivName h1 { font-size:32px; color:#fff; overflow:hidden;
display:inline-block; height:72px; line-height:72px; background:url(../images/NewLayout/ShowroomDivNameH1.png) 0 0 repeat-x; margin:0; background:none;}
.Showroom .swiper-container-Product .DivName h1 span.L2 { display:inline-block; width:144px;background:url(../images/NewLayout/ShowroomDivNameH1.png) 0 0 repeat-x; height:72px; overflow:hidden; }
.Showroom .swiper-container-Product .DivName h1 span.L2::first-letter {letter-spacing:40px; }
.Showroom .swiper-container-Product .DivName h1 span.L3 { display:inline-block; width:236px;background:url(../images/NewLayout/ShowroomDivNameH1-3.png) 0 0 no-repeat; height:72px; overflow:hidden;letter-spacing:40px; text-indent:20px; margin-left:10px;}
.Showroom .swiper-container-Product .DivName h1 span.L3::last-letter {letter-spacing:0; }
.Showroom .swiper-container-Product .DivName h1 span.L4 { display:inline-block; width:308px;background:url(../images/NewLayout/ShowroomDivNameH1-4.png) 0 0 no-repeat; height:72px; overflow:hidden;letter-spacing:40px; text-indent:20px; margin-left:10px;}
.Showroom .swiper-container-Product .DivName h1 span.L4::last-letter {letter-spacing:0; }

.Showroom .swiper-container-Product .DivName h2 { margin:0;}
.Showroom .swiper-container-Product .DivName h2 * { margin:0; padding:0; color:#950a0a;}
.Showroom .PageArticle .SocialNetworkWrapper { display:none;}
.Showroom .DefProducts_02 .swiper-slide { max-width:300px;}

.Showroom [style="text-align:center;vertical-align:top;margin:0 0 20px 0;"] img { margin:5px 0;}
/* ======== Product Start ======== */
.productlist { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.productlist ul { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.productlist li{
	text-align:center; 
	display:block; 
	float:left;
	width:220px;
	 width:100%;
	margin:10px 20px 0px 10px;
	 margin:0;
	position:relative;
	height:auto;
	font-size:13px;
	line-height:130%;
	overflow:hidden;
}
.productlist li.last{margin:10px 0 0 10px; margin:0;}

.productlist .img {
	width:220px;
	width:100%;
	height:220px;
	height:auto;
	text-align:center;
	overflow:hidden;
	
	/* Firefox, Chrome */
	line-height:220px;
	white-space:nowrap;
	
	/* IE */
	*font-size:160px;	/* height * 0.9 */
	*font-family : Arial;
}
.productlist .img:after {content:".";font-size:1px;margin-left:-1px;opacity:0; display:none;}
.productlist .img img {vertical-align : middle; width:100%; height:auto; display:block; float:left;}
.productlist .productname{ padding:0; height:40px; overflow:hidden; line-height:40px; width:100%; display:none;}
.productlist .productname a{color:#595959; width:220px; height:auto; overflow:hidden; text-align:center;
/*超出範圍顯示"..."*/
white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.productlist .productname a:hover{color:#787777;}
.productlist .productpricecontent{height:37px; text-align:center;padding:0; display:none;}
.productlist .productcolor{padding:10px 0 0 0; display:none;}
.productlist .productcolor ul{padding:0;margin:0; list-style-type:none;display:inline-block;}
.productlist .productcolor ul li{padding:3px 3px 3px 0;float:left;width:auto;height:auto;border:none;margin:0;}
.productlist .productcolor ul li img{width:16px;height:16px; border:1px solid #ccc;}
.productlist .productcolor ul{
	*display	: inline;
}


.productprice{color:#595959; font-size:16px;}
.productsaleprice{color:#e52d25; font-size:16px;}
.productmemberprice{color:#e52d25; font-size:16px;}

.product-detail-descr{padding-top:40px;}
.product-detail-descr ul{ padding:0; margin:0; list-style:none; width:100%; height:auto; overflow:hidden;}
.product-detail-descr ul li.product-detail-descr-li{float:left;width:97px; height:38px; overflow:hidden; padding:0 10px 0 0; cursor:pointer;}
.product-detail-descr .content{border:1px solid #af2c09;padding:20px;text-align:left; background-image:url(../Images/bg_product-detail-descr.jpg); background-repeat:no-repeat; background-position:100% 100%;min-height:214px;height: auto !important;height: 214px; overflow:hidden; font-size:16px;}
.product-detail-descr .content * { font-size:16px; line-height:1.6em;}
.product-detail-descr .contentyoutube{text-align:center; background-image:none;}
.product-detail-descr .content img { display:block; max-width:100%; height:auto; margin:0 auto;}

.product-detail-smallimage{ width:100%; max-width:160px;float:left; text-align:left;}
.product-detail-smallimage ul { padding:0; margin:0; list-style:none; width:100%; height:auto; overflow:hidden;}
.product-detail-smallimage ul li{float:left;padding:0 6px 5px 0;}
.product-detail-smallimage ul li img{width:69px;height:69px;border:#cdcdcd 1px solid;cursor:pointer;}
.product-detail-image{width:100%; max-width:571px; float:left; text-align:left;margin-right:24px;}
.product-detail-image img { width:100%; height:auto; border:#cdcdcd 1px solid; border:none;}

.product-detail-content{ width:100%; max-width:400px; float:left; font-size:13px;}
.product-detail-content h1.product { font-size:34px; color:#990b0a; font-weight:normal; height:auto; overflow:hidden; padding:10px 0; line-height:1.5em;}
.product-detail-content td.lefttitle{width:80px; white-space:nowrap; text-align:left; vertical-align:top; color:#393737;padding:3px 15px 3px 0; font-size:16px;}
.product-detail-content td.qtytitle{padding:6px 15px 3px 0;}
.product-detail-content td.data{text-align:left; vertical-align:top; color:#595959;padding:3px 0 3px 0;}


.product-detail-productcolor{width:190px; float:left;}
.product-detail-productcolor ul{padding:0;margin:0; list-style-type:none;}
.product-detail-productcolor ul li{padding:3px 3px 3px 0;float:left;width:auto;height:auto;border:none;margin:0;}
.product-detail-productcolor ul li img{width:16px;height:16px; border:1px solid #ccc;}

.productdiscount{width:100%;background:url(../Images/Show/Img_buy_discount.gif) 0 0 no-repeat; color:#ff0000;padding:0 0 0 121px; line-height:28px;}

/* 推薦商品 */
.product-detail-relateditle{padding-top:35px; width:100%; height:auto; overflow:hidden;}
.product-detail-relateditle .title img { display:none;}
.product-detail-relateditle .title:after { width:100px; height:50px; line-height:50px; content:'推薦菜色'; color:#fff; background:#b81c22; font-size:18px; display:block; text-align:center;}
.product-detail-relateditle ul { width:100%; height:auto; overflow:hidden;}
.product-detail-relateditle li{
	text-align:center; 
	display:block; 
	float:left; 
	width:167px;
	margin:20px 0 0px 20px;
	position:relative;
	min-height:240px;
	height:auto;
	overflow:hidden;
}
.product-detail-relateditle li.first{margin:20px 0 20px 0;}

.product-detail-relateditle .img{
	width:163px;
	height:163px;
	text-align:center;
	
	/* Firefox, Chrome */
	line-height:168px;
	white-space:nowrap;
	
	/* IE */
	*font-size:151px;	/* height * 0.9 */
	*font-family : Arial;
	border:#cdcdcd 1px solid; border:0;
}
.product-detail-relateditle .img:after {content:".";font-size:1px;margin-left:-1px;opacity:0;}
.product-detail-relateditle .img img {vertical-align : middle; max-width:163px; height:auto;}
.product-detail-relateditle .productname {padding:8px 0 0 0; min-height:28px; height:auto; overflow:hidden; line-height:120%; color:#ee7600; margin-top:10px;}
.product-detail-relateditle .productname a { color:#000; font-size:90%; text-align:center;}
.product-detail-relateditle .pricecontent{padding:0;text-align:left;}
.product-detail-relateditle .pricecontent p { font-size:100%; margin:0; padding:0; margin-left:30px; margin-left:0; text-align:center;}

/* 加購商品 */
.product-detail-add{padding-top:35px;}
.product-detail-add li{
	text-align:center; 
	display:block; 
	float:left; 
	width:364px; 
	margin:20px 0 20px 20px;
	position:relative;
	height:170px;
	overflow:hidden;
}
.product-detail-add li.first{margin:20px 0 20px 0;}

.product-detail-add .img{
	float:left;
	width:168px;
	height:168px;
	text-align:left;
	border:#cdcdcd 1px solid;
	margin-right:10px;
}
.product-detail-add .datacontent{color:color:#ee7600; text-align:left;padding-top:5px;}
.product-detail-add .buycheckbox{float:left;width:20px;padding-top:3px;}
.product-detail-add .buyinfo{float:left;width:160px;}


/* 搭贈商品 */
.product-detail-free{padding-top:35px;}
.product-detail-free li{
	text-align:center; 
	display:block; 
	float:left; 
	width:172px; 
	margin:20px 0 20px 20px;
	position:relative;
	height:235px;
	overflow:hidden;
}
.product-detail-free li.first{margin:20px 0 20px 0;}

.product-detail-free .img{
	width:168px;
	height:168px;
	text-align:center;
	
	/* Firefox, Chrome */
	line-height:168px;
	white-space:nowrap;
	
	/* IE */
	*font-size:151px;	/* height * 0.9 */
	*font-family : Arial;
	border:#cdcdcd 1px solid;
}
.product-detail-free .img:after {content:".";font-size:1px;margin-left:-1px;opacity:0;}
.product-detail-free .img img {vertical-align : middle;}
.product-detail-free .productname{padding:8px 0 0 0;height:28px; overflow:hidden; line-height:120%; color:#ee7600;}
.product-detail-free .pricecontent{padding:8px 0 0 0;text-align:center;}

/* ======== Product End ======== */


/* 購物車 */
.PageContentDef { width:100%; height:auto; overflow:hidden; margin:0 auto; box-sizing:border-box;}
.PageContentDef * {box-sizing:border-box;}
.PageContentDef .DefProducts_02 { width:100%; max-width:1920px; height:920px; background:url(../images/NewLayout/PageContentDef_DefProducts_02.jpg) top center no-repeat; padding-top:400px;}
.PageContentDef .DefProducts_02 .swiper-container-People2 { max-width:1000px; height:auto; overflow:hidden; margin:0 auto;}
.PageContentDef .DefProducts_02 .swiper-button-next { background:url(../images/NewLayout/ArrowNext.png) 0 0 no-repeat; width:40px; height:40px; display:block; margin-top:-20px;}
.shoppingcart-wrapper{border-top:1px solid #5d0706;border-right:1px solid #5d0706; table-layout:fixed; width:100%; height:auto;word-wrap:break-word;word-break:break-all;}
.shoppingcart-wrapper a { color:#5d0706;}
.PageContentDef .DefProducts_02 .swiper-button-prev { background:url(../images/NewLayout/ArrowPre.png) 0 0 no-repeat; width:40px; height:40px; display:block; margin-top:-20px;}
.shoppingcart-wrappertwo{border-top:none;}
.shoppingcart-wrapper td.title{ color:#fff;text-align:center; font-size:16px; font-weight:bold;padding:10px 0 10px 10px;
/*漸層*/
background: rgb(93, 7, 6);
background: -moz-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -webkit-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -o-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -ms-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: linear-gradient(180deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);}
.shoppingcart-wrapper td.title2{border-bottom:1px solid #5d0706;border-left:1px solid #5d0706;background:rgba(255,255,255,0.8); text-align:center;padding:10px;}
.shoppingcart-wrapper td.title3{border-bottom:1px solid #5d0706;border-left:1px solid #5d0706;background:rgba(255,255,255,0.8); text-align:left;padding:10px;}
.shoppingcart-wrapper td.title4{border-bottom:1px solid #5d0706;border-left:1px solid #5d0706;background:rgba(255,255,255,0.8); text-align:right;padding:10px;}
.shoppingcart-wrapper td{border-bottom:1px solid #5d0706;border-left:1px solid #5d0706;padding:10px; vertical-align:middle;background:rgba(255,255,255,0.4); font-size:16px;}
.shoppingcart-wrapper td.price{border-left:none;}
.shoppingcart-wrapper td.notice{background-color:#FFE8E8;}
.shoppingcart-wrapper tr.shoppingcarterr td{background-color:#ffcccc;}
.shoppingcart-wrapper .cartproductfree{color:#ff6600; font-weight:bold;}
.shoppingcart-wrapper .productnamefree{padding-left:60px;}
.shoppingcart-wrapper .activitymatch, .shoppingcart-wrapper .activitymatch a{color:#c20500;}
.shoppingcart-wrapper .activitynotmatch, .shoppingcart-wrapper .activitynotmatch a{color:#666666;}

.formbtn{text-align:center;padding:20px 0 0 0;}
form .length-xxxs{width:20px;}
form .length-xxs{width:40px;}
form .length-xs{width:80px;}
form .length-s2{width:130px;}
form .length-s{width:150px;}
form .length-m{width:200px;}
form .length-l{width:250px;}
form .length-xl{width:300px;}
form .length-xxl{width:500px;}
form .length-max{width:99%;}
form .textarealength-xl{width:300px;height:9em;}
form .textarealength-xxl{width:500px;height:9em;}
form .textarealength-max{width:99%;height:9em;_width:auto;_height:auto;}
form .length-captcha{width:50px;}

/* 訂單 */
.order-wrapper{
	width:100% -4px;
}
.order-wrapper .notice{color:#ff6600; font-weight:bold;}

/* 訂單查詢表單 */
.ordsrhformtitle{text-align:center;padding:10px 0px 10px 0px;color:#ff6600;}
.ordsrhform{width:290px;height:auto;margin:0 auto 0 auto;}
.ordsrhform ul li h3{display:block;float:left;font-weight:bold; padding:5px 15px 0 0; vertical-align:top;width:65px;}
.ordsrhform ul li{padding:8px 0 0 0;margin:0;line-height:100%;}


/* ======== 任選 Start ======== */
.any_display 
{
    padding:0 0 0 0;margin:10px 0 0 0;overflow:hidden; _padding-top:35px; font-size:11px; 
}	
		
.any_display li
{
    text-align:center; 
    float:left; 
    margin:0 11px 40px 0;
    border:1px solid #cdcdcd;
    width:170px; 
    height:330px;
    padding: 8px 0px 0px 0px;
    display:block;
    overflow:hidden;
    position: relative;
}

.any_display .any_display_last_li
{    
    margin-right:0px;
}

li.any_checked_display
{
     border:1px solid #a9a9aa;
	 background-color:#eaeaea;
}

.any_display .img {
	width:170px;
	height:150px;
	text-align:center;
	
	/* Firefox, Chrome */
	line-height:150px;
	white-space:nowrap;
	
	/* IE */
	*font-size:135px;	/* height * 0.9 */
	*font-family : Arial;
}
.any_display .img:after {content:".";font-size:1px;margin-left:-1px;opacity:0;}
.any_display .img img {vertical-align : middle;}
.any_display li h3{width:168px;margin-top:10px; margin-bottom:10px;height:36px; overflow:hidden;}
.any_display .showspec{height:35px; overflow:hidden;}

.any_display_qty{ font-size:16px; color:#ff0000; font-weight:bold;}

.any_display_btn_buy a{
	display		: block;
	overflow	: hidden;
	width		: 140px;
	height		: 28px;
	background	: url(../Images/Show/Bu_Buy02.gif) no-repeat 100% 0;
	text-indent : -999999px;
	margin		: 0 ;
	padding		: 0;
}

.any_display_btn_buy a:hover{
	background-position:100% -28px;
}

.any_display_btn_notbuy a{
	display		: block;
	overflow	: hidden;
	width		: 140px;
	height		: 28px;
	background	: url(../Images/Bu_NotBuy.gif) no-repeat 0 0;
	text-indent : -999999px;
	margin		: 0 ;
	padding		: 0;
}
/* ======== 任選 End ======== */














/*=====2015.10.14新增加入購物車、追蹤清單、到貨通知樣式設定=====*/
/*--加入購物車--*/
.product-detail-content a.ShoppingList { width:120px; height:30px; line-height:28px; display:block; text-align:center; color:#FFF; display:none;
/*圓角*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*背景漸層*/
background: #a60e0e;
background: -moz-linear-gradient(top,  #a60e0e 0%, #7a0909 50%, #580606 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a60e0e), color-stop(50%,#7a0909), color-stop(100%,#580606));
background: -webkit-linear-gradient(top,  #a60e0e 0%, #7a0909 50%, #580606 100%);
background: -o-linear-gradient(top,  #a60e0e 0%, #7a0909 50%, #580606 100%);
background: -ms-linear-gradient(top,  #a60e0e 0%, #7a0909 50%, #580606 100%);

}
.product-detail-content a.ShoppingList:hover { 
/*背景漸層*/
background: #c42020;
background: -moz-linear-gradient(top,  #c42020 0%, #a60e0e 50%, #7a0909 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c42020), color-stop(50%,#a60e0e), color-stop(100%,#7a0909));
background: -webkit-linear-gradient(top,  #c42020 0%, #a60e0e 50%, #7a0909 100%);
background: -o-linear-gradient(top,  #c42020 0%, #a60e0e 50%, #7a0909 100%);
background: -ms-linear-gradient(top,  #c42020 0%, #a60e0e 50%, #7a0909 100%);
}
/*--追蹤清單--*/
.product-detail-content a.TrackList { width:120px; height:30px; line-height:28px; display:block; text-align:center; color:#FFF; float:right;
/*圓角*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*漸層*/
background: #a60e0e;
background: -moz-linear-gradient(top,  #a60e0e 0%, #7a0909 50%, #580606 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a60e0e), color-stop(50%,#7a0909), color-stop(100%,#580606));
background: -webkit-linear-gradient(top,  #a60e0e 0%, #7a0909 50%, #580606 100%);
background: -o-linear-gradient(top,  #a60e0e 0%, #7a0909 50%, #580606 100%);
background: -ms-linear-gradient(top,  #a60e0e 0%, #7a0909 50%, #580606 100%);
}
.product-detail-content a.TrackList:hover { 
/*背景漸層*/
background: #c42020;
background: -moz-linear-gradient(top,  #c42020 0%, #a60e0e 50%, #7a0909 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c42020), color-stop(50%,#a60e0e), color-stop(100%,#7a0909));
background: -webkit-linear-gradient(top,  #c42020 0%, #a60e0e 50%, #7a0909 100%);
background: -o-linear-gradient(top,  #c42020 0%, #a60e0e 50%, #7a0909 100%);
background: -ms-linear-gradient(top,  #c42020 0%, #a60e0e 50%, #7a0909 100%);
}
/*--到貨通知--*/
.product-detail-content a.ArrivalNotice { width:120px; height:30px; line-height:30px; display:block; text-align:center; color:#FFF; border:1px solid #2aa22a; float:right;
/*圓角*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*背景漸層*/
background: rgb(53,160,63);
background: -moz-linear-gradient(top,  rgba(53,160,63,1) 0%, rgba(8,178,28,1) 50%, rgba(14,109,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,160,63,1)), color-stop(50%,rgba(8,178,28,1)), color-stop(100%,rgba(14,109,0,1)));
background: -webkit-linear-gradient(top,  rgba(53,160,63,1) 0%,rgba(8,178,28,1) 50%,rgba(14,109,0,1) 100%);
background: -o-linear-gradient(top,  rgba(53,160,63,1) 0%,rgba(8,178,28,1) 50%,rgba(14,109,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(53,160,63,1) 0%,rgba(8,178,28,1) 50%,rgba(14,109,0,1) 100%);
}
.product-detail-content a.ArrivalNotice:hover { 
/*背景漸層*/
background: rgb(43,117,38);
background: -moz-linear-gradient(top,  rgba(43,117,38,1) 0%, rgba(8,160,15,1) 50%, rgba(14,109,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,117,38,1)), color-stop(50%,rgba(8,160,15,1)), color-stop(100%,rgba(14,109,0,1)));
background: -webkit-linear-gradient(top,  rgba(43,117,38,1) 0%,rgba(8,160,15,1) 50%,rgba(14,109,0,1) 100%);
background: -o-linear-gradient(top,  rgba(43,117,38,1) 0%,rgba(8,160,15,1) 50%,rgba(14,109,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(43,117,38,1) 0%,rgba(8,160,15,1) 50%,rgba(14,109,0,1) 100%);
}

/*訂單查詢*/
.Ord .ContactUs { width:100%; max-width:1200px; height:auto; overflow:hidden; padding:5px 10px; margin:0 auto; position:relative;}
.Ord .ContactUs iframe { width:460px; height:640px; float:left; margin-top:20px; display:block; padding:0;}
.Ord .ContactUs p { font-size:14px; line-height:1.5em; color:#4c4b4b; margin-bottom:1em;}
.Ord .ContactUs a.code { color:#333; text-decoration:none; height:40px; line-height:40px; font-size:14px;}
.Ord .ContactUs img { border:0;}
.Ord .ContactUs form#frmUG { width:100%; height:auto; overflow:hidden;}
.Ord .ContactUs fieldset { width:440px; height:auto; overflow:hidden; float:right; border:0; padding:30px; background:#eee; }
.Ord .ContactUs label { width:110px; height:40px; line-height:40px; display:inline-block; vertical-align:top; float:left; font-weight:normal;}
.Ord .ContactUs input[type=radio]{ height:40px; line-height:40px; display:block; float:left; margin:0 5px; border:0;}
.Ord .ContactUs span.text { float:left; height:40px; line-height:40px;}
.Ord .ContactUs label span { color:#F00;}
.Ord .ContactUs input { border:1px solid #CCC; height:24px; line-height:24px; display:inline-block; margin:8px 0;}
.Ord .ContactUs input[type=submit] { width:100px; height:30px; float:right;}
.Ord .ContactUs input[type=submit]:hover { cursor:pointer; background:#ccc;}
.Ord .ContactUs textarea { border:1px solid #CCC; width:320px; margin-top:8px; height:220px;}
/* 訂單 */
.Ord .order-wrapper{
	width:100%;
}
/* 訂單查詢表單 */
.Ord [style="-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:5px solid #5d0706; margin:20px auto; max-width:1024px;"] .shoppingcart-wrapper td { border:0;}
.Ord [style="-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:5px solid #5d0706; margin:20px auto; max-width:1024px;"] .shoppingcart-wrapper td:last-of-type { width:100px;}
@media only screen and (min-width:0px) and (max-width:768px) {
	.Ord [style="-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:5px solid #5d0706; margin:20px auto; max-width:1024px;"] .shoppingcart-wrapper tr, .Ord [style="-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:5px solid #5d0706; margin:20px auto; max-width:1024px;"] .shoppingcart-wrapper td, .Ord [style="-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:5px solid #5d0706; margin:20px auto; max-width:1024px;"] .shoppingcart-wrapper td:last-of-type { display:block; width:100%; height:auto; overflow:hidden;}
	}
.Ord #tbContent {width:100%; max-width:660px;  background:rgba(255,255,255,0.8);height:auto;margin:0 auto 0 auto; border:2px solid #5d0706; padding:20px; overflow:hidden;}
.Ord #tbContent .ordsrhformtitle{text-align:center;color:#ff6600;}
.Ord #tbContent .ordsrhform * { padding:0; margin:0; list-style:none; font-size:16px;}
.Ord #tbContent .ordsrhform{width:310px;height:auto;margin:0 auto 0 auto;}
.Ord #tbContent .ordsrhform ul li h3{display:block;float:left;font-weight:bold; padding:0; vertical-align:top;width:90px;}
.Ord #tbContent .ordsrhform ul li h3 label { width:90px; height:26px; line-height:26px;}
.Ord #tbContent .ordsrhform ul li{padding:0;margin:5px 0;line-height:100%; width:100%; height:auto; overflow:hidden;}
.Ord #tbContent .ordsrhform input { height:30px; line-height:30px; margin:5px 0; margin:0; height:26px; line-height:26px;}
.Ord .formbtn { width:190px; height:auto; overflow:hidden; margin:0 auto;}
.Ord .formbtn a { float:left;}
.Ord .formbtn a:last-child { float:right;}
.Ord .shoppingcart-wrapper td.title { padding:10px 5px;}
.Ord .shoppingcart-wrapper td.title * { max-width:100%; height:auto;}
/*活動花絮*/
/*chaly 加的*/
.Album .css_AlbumFrame{ float:left; margin-right:1%; width:24%; height:auto; overflow:hidden; margin-bottom:10px;}
.Album .css_AlbumFrameImage{background:#fff; width:288px; height:288px; text-align:center; border:1px solid #ccc; padding:10px;}
.Album .css_AlbumFrameImage table { table-layout:fixed;}
.Album .css_AlbumFrameImage table td { vertical-align:middle; width:268px; height:268px;}
.Album .css_AlbumFrameImage table td a { display:inline-block; width:100%; height:auto; overflow:hidden; text-align:center;}
.Album .css_AlbumFrameImage table td img { max-width:100%; height:auto; max-height:266px; display:inline-block; float:left; float:none;}
.Album .css_AlbumFrameTitle{text-align:center; width:100%; height:80px; padding:10px 0; overflow:hidden;}
.Album .css_AlbumFrameTitle a { color:#000; line-height:1.5em; padding:5px 0;}

.Album .css_AlbumPhotoFrame{float:left; margin-right:8px; margin-bottom:10px; width:24%; margin-right:1%; background:#fff; padding:10px 0; margin-top:10px;}
.Album .css_AlbumPhotoFrameImage{background:url(images/Bg_Photo.jpg) no-repeat; width:100%; max-width:235px; height:235px; text-align:center; overflow:hidden; margin:0 auto;}
.Album .css_AlbumPhotoFrameImage table { table-layout:fixed; width:100%; overflow:hidden;}
.Album .css_AlbumPhotoFrameImage table td { vertical-align:middle; width:100%; max-width:235px; height:235px; overflow:hidden;}
.Album .css_AlbumPhotoFrameImage table td img { max-width:100%; max-width:100%; height:auto; border:1px solid #ccc; max-height:220px;}
.Album .css_AlbumPhotoFrameTitle{text-align:center; height:40px; line-height:40px;}
.Album .css_AlbumPhotoFrameTitle a { color:#000;}

#divShowImg img { width:100%; max-width:735px; height:auto;}

#txtAlbumDescr a { text-align:center;}

.Album .PageContent .PageArticle .AlbumUIWrap {width:100%; height:auto; overflow:hidden; margin:0 auto}
.Album .PageContent .PageArticle .AlbumUIWrap .AlbumUI {width:25px; height:25px; overflow:hidden; float:left; margin:0 2.5px;}
.Album .PageContent .PageArticle .AlbumUIWrap .AlbumUI img { max-width:100%; height:auto;}

/*常見問題*/
.Faq81 .PageFAQ{  width:100%; max-width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.Faq81 .PageFAQ li { list-style:none; height:auto; min-height:46px; line-height:46px; border-bottom:#999 1px dotted; color:#333; font-size:16px; overflow:hidden; background:rgba(255,255,255,0.5); width:100%;}
.Faq81 .PageFAQ li a:link { color:#333; text-decoration:none; display:block; float:left;  width:100%; max-width:1200px;}
.Faq81 .PageFAQ li a:visited { color:#000;}
.Faq81 .PageFAQ li a:hover { color:#990b0a;}
.Faq81 .PageFAQ li a:active { color:#990b0a;}
.Faq81 .PageFAQ li .Div01 { position:relative; width:100%; height:auto; overflow:hidden; padding-left:70px;}
.Faq81 .PageFAQ strong { float:left; margin:0 20px; color:#666; width:30px;}
.Faq81 .PageFAQ li a:hover strong{ color:#990b0a;}
.Faq81 .PageFAQ .PageAnswer { width:100%; padding-right:20px; height:auto; overflow:hidden; float:right;}
.Faq81 .PageFAQ .PageAnswer h1.FAQH1{ float:left; margin:0 20px; color:#666; width:30px; font-size:16px; display:block;}
.Faq81 .PageFAQ .PageAnswer article { width:920px; height:auto; float:right; padding:11px 10px 0 0;}
.Faq81 .PageFAQ .PageAnswer article p { line-height:1.5em; margin-bottom:1em;}
.Faq81 .PageFAQ .PageAnswer article h2 { font-size:16px; line-height:1.5em; height:1.5em; color:#000; margin-bottom:1em; color:#333;}
.Faq81 .PageFAQ .PageAnswer strong { float:none; margin:0; width:100%; color:#333; font-weight:bold;}
.Faq81 .PageFAQ h1.FAQH1 { width:30px; float:left; height:46px; line-height:46px; margin:0 20px; font-size:100%; position:absolute; left:0; top:0;}
.Faq81 .PageFAQ .PageAnswer * { max-width:100%; height:auto;}

/*會員專區*/
.Member .ContactUs { width:100%; max-width:1200px; height:auto; overflow:hidden; padding:5px 10px; margin:0 auto; position:relative;}
.Member .ContactUs iframe { width:460px; height:640px; float:left; margin-top:20px; display:block; padding:0;}
.Member .ContactUs p { font-size:14px; line-height:1.5em; color:#4c4b4b; margin-bottom:1em;}
.Member .ContactUs a.code { color:#333; text-decoration:none; height:24px; line-height:24px; font-size:14px;}
.Member .ContactUs img { border:0; margin:5px 0;}
.Member .ContactUs form#frmUG { width:1000x; height:auto; overflow:hidden;}
.Member .ContactUs fieldset { width:440px; height:auto; overflow:hidden; float:right; border:0; padding:30px; background:#eee; }
.Member .ContactUs label { width:110px; height:24px; line-height:24px; display:inline-block; vertical-align:top; float:left;}
.Member .ContactUs input[type=radio]{ height:24px; line-height:24px; display:block; float:left; margin:0 5px; border:0;}
.Member .ContactUs span.text { float:left; height:24px; line-height:24px;}
.Member .ContactUs label span { color:#F00;}
.Member .ContactUs input { border:1px solid #CCC; height:24px; line-height:24px; display:inline-block; margin:8px 0; margin:0; float:left;}
.Member .ContactUs input[type=submit] { width:100px; height:30px; float:right;}
.Member .ContactUs input[type=submit]:hover { cursor:pointer; background:#ccc;}
.Member .ContactUs textarea { border:1px solid #CCC; width:320px; margin-top:8px; height:220px;}

/* 會員表單 */
.Member .memberform { width:100%; max-width:1200px; padding:20px; border:1px solid #ccc; overflow:hidden; line-height:40px; background:rgba(255,255,255,0.8);
/*圓角*/
/*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}*/}
.Member .memberform * { padding:0; margin:0; list-style:none;}
.Member .ContactUs h3 {font-size:16px;}
.Member .memberform input { padding:0 5px;}
.Member .memberform ul li h3{display:block;float:left; font-weight:bold; height:24px; line-height:24px; vertical-align:top;width:120px; overflow:hidden;}
.Member .memberform ul li h3 label { overflow:hidden; float:left; display:block;}
.Member .memberform ul li{clear:both;margin:0;line-height:24px; height:24px; height:auto; padding:0; text-align:left; border-bottom:1px dotted #eee; padding-left:10px; border-bottom:0; margin:8px 0; float:left;}
.Member .memberform ul li:nth-child(odd){ background:#f6f5f5; background:rgba(255,255,255,0.6);}
.Member .memberform ul li input { display: inline; margin:0; height:24px; line-height:24px; max-width:100%;}
.Member .memberform ul li span { height:24px; line-height:24px; display:inline; margin:0; padding:0 5px; padding:0; width:auto; overflow:hidden; display:inline-block; table-layout:fixed; float:left;}
.Member .memberform ul li span.notice { padding-bottom:20px; padding:0;}
.Member .memberform ul li span.Code { vertical-align:middle;}
.Member .memberform ul li span input { margin:0; display:inline; margin-right:5px;}
.Member .memberform ul li span img { line-height:24px; display:inline; vertical-align:middle; margin:0; float:left; margin-right:5px;}
.Member .memberform ul li select { height:24px; margin-right:5px; line-height:24px; display:inline; padding:0 5px; float:left;}
.Member .memberform ul li h3.data{width:auto;padding:0;margin:0; color:#005cd0;}
.Member .memberform ul li div.data{width:auto;padding:5px 0 0 95px;margin:0;}
.Member .requireddescr { padding:20px;}

/* 會員登入表單 */
.Member .memberlogintitle{ text-align:center;padding:10px 0px 10px 0px;color:#ff6600;}
.Member .memberlogin{ width:100%; max-width:660px; background:rgba(255,255,255,0.8);height:auto;margin:0 auto 0 auto; border:2px solid #5d0706; padding:20px; overflow:hidden; position:relative; padding-bottom:50px;}
.Member .memberlogin ul{ width:300px; height:auto; overflow:hidden; margin:0 auto;}
.Member .memberlogin ul li h3{display:block;float:left;font-weight:bold; padding:0; vertical-align:top;width:80px; height:auto; overflow:hidden; line-height:26px; height:26px;}
.Member .memberlogin ul li h3 label { width:80px;}
.Member .memberlogin ul li input { padding:0 5px;}
.Member .memberlogin ul li img { margin:0 5px; float:left;}
.Member .memberlogin ul li a { float:left; margin:5px 0;}
.Member .memberlogin ul li h3 label { height:26px; line-height:26px;}
.Member .memberlogin ul li{ width:100%; height:auto; overflow:hidden; clear:both;padding:4px 0;margin:0;line-height:100%;}
.Member .memberlogin .memberloginbtn{ float:right;width:85px;margin:10px 0 0 0; position:absolute; bottom:30px; right:65px;}
.Member .memberlogin .memberloginotherbtn{ width:270px; height:auto; overflow:hidden; margin:20px auto;}
.Member .memberlogin .memberloginotherbtn a { width:85px; height:auto; overflow:hidden; display:block; margin:0 2.5px; float:left;}
.Member .memberlogin .length-m { width:215px;}

/*電子報訂閱*/
.EpaperEmailtitle{ text-align:center;padding:10px 0px 10px 0px;color:#ff6600;}
.EpaperEmail{width:100%; max-width:660px; background:rgba(255,255,255,0.8); height:auto;margin:0 auto 0 auto; border:1px solid #ccc; padding:20px; overflow:hidden; position:relative; padding-bottom:50px;}
.EpaperEmail ul{ width:500px; height:auto; overflow:hidden; margin:0 auto;}
.EpaperEmail ul li h3{display:block;float:left;font-weight:bold; padding:0; vertical-align:top;width:90px; height:26px; line-height:26px;}
.EpaperEmail ul li{clear:both;padding:4px 0;margin:0;line-height:1.8em;}
.EpaperEmail .EpaperEmailbtn{ float:right;width:85px;margin:10px 0 0 0; position:absolute; bottom:30px; right:65px;}
.EpaperEmail .EpaperEmailotherbtn{clear:both;padding:20px 0 0 25px; text-align:left;}
.EpaperEmail .length-m { width:215px;}


/* 忘記密碼表單 */
.Forget { width:100%; max-width:660px;  background:rgba(255,255,255,0.8);height:auto; overflow:hidden; border:2px solid #5d0706; margin:0 auto; padding:20px; padding-bottom:30px;}
.Forget .memberpswformtitle{text-align:center;padding:10px 0px 10px 0px;color:#ff6600;}
.Forget .memberpswform{width:300px;height:auto;margin:0 auto; overflow:hidden;}
.Forget .memberpswform ul { width:100%; height:auto; overflow:hidden;}
.Forget .memberpswform ul li h3{display:block;float:left;font-weight:bold; padding:0; vertical-align:top;width:80px; height:26px; line-height:26px;}
.Forget .memberpswform ul li h3 label { height:26px; line-height:26px;}
.Forget .memberpswform ul li{ width:100%; height:auto; overflow:hidden; margin:5px 0;}

.Forget .formbtn{ width:190px; height:auto; overflow:hidden; margin:0 auto;}
.Forget .formbtn a { float:left;}
.Forget .formbtn a:last-child { float:right;}
/*網站導覽*/
.SiteMap81 {}
.SiteMap81 .SiteMap { width:100%; height:auto; overflow:hidden; float:left;}
.SiteMap81 .SiteMap .SiteMapWrapper { width:100%; max-width:1200px; height:auto; overflow:hidden; padding:30px 0 10px 0; margin:0 auto; margin-bottom:40px;}
.SiteMap81 .SiteMap .hr {  width:100%; max-width:1200px; height:1px; background:#ccc; margin:5% auto; float:left; border-left:none; border-right:none;  border-top:1px solid #999;}
.SiteMap81 .SiteMap .hr hr { display:none;}
.SiteMap81 .SiteMap .SiteMapWrapper dl { padding:0; margin:0; list-style:none;width:15%; float:left; background:rgba(255,255,255,0.3); margin-right:1.5%; margin-bottom:15px;}
.SiteMap81 .SiteMap .SiteMapWrapper dt { padding:10px 0; margin:0; list-style:none;font-size:22px; height:auto;background:rgba(153,11,10,0.95); border:3px solid #ebc874; line-height:1.5em; text-align:center;}
.SiteMap81 .SiteMap .SiteMapWrapper dt a:link { color:#ebc874; text-decoration:none; display:block;}
.SiteMap81 .SiteMap .SiteMapWrapper dt a:visited { color:#ebc874;}
.SiteMap81 .SiteMap .SiteMapWrapper dt a:hover { color:#fff;}
.SiteMap81 .SiteMap .SiteMapWrapper dt a:active { color:#fff;}
.SiteMap81 .SiteMap .SiteMapWrapper dd { padding:10px; margin:0; list-style:none;font-size:14px; list-style:none; height:auto;  line-height:1.5em; border-bottom:1px dashed #990b0a;}
.SiteMap81 .SiteMap .SiteMapWrapper dd a:link { color:#333; text-decoration:none;}
.SiteMap81 .SiteMap .SiteMapWrapper dd a:visited { color:#333;}
.SiteMap81 .SiteMap .SiteMapWrapper dd a:hover { color:#990b0a; }
.SiteMap81 .SiteMap .SiteMapWrapper dd a:active { color:#990b0a; }

/*聯絡極品軒*/
.ContactUsBody .ContactUs { width:100%; max-width:1200px; height:auto; overflow:hidden; padding:5px 10px; margin:0 auto; position:relative;}
.ContactUsBody .ContactUs iframe { width:460px; height:640px; float:left; margin-top:20px; display:block; padding:0;}
.ContactUsBody .ContactUs p { font-size:14px; line-height:1.5em; color:#4c4b4b; margin-bottom:1em;}
.ContactUsBody .ContactUs a.code { color:#333; text-decoration:none; height:40px; line-height:40px; font-size:14px;}
.ContactUsBody .ContactUs img { border:0;}
.ContactUsBody .ContactUs form#frmUG { width:1000x; height:auto; overflow:hidden;}
.ContactUsBody .ContactUs fieldset { width:440px; height:auto; overflow:hidden; float:right; border:0; padding:30px; background:#eee; }
.ContactUsBody .ContactUs label { width:110px; height:40px; line-height:40px; display:inline-block; vertical-align:top; float:left;}
.ContactUsBody .ContactUs input[type=radio]{ height:40px; line-height:40px; display:block; float:left; margin:0 5px; border:0;}
.ContactUsBody .ContactUs span.text { float:left; height:40px; line-height:40px;}
.ContactUsBody .ContactUs label span { color:#F00;}
.ContactUsBody .ContactUs input { border:1px solid #CCC; height:24px; line-height:24px; display:inline-block; margin:8px 0;}
.ContactUsBody .ContactUs input[type=submit] { width:100px; height:30px; float:right;}
.ContactUsBody .ContactUs input[type=submit]:hover { cursor:pointer; background:#ccc;}
.ContactUsBody .ContactUs textarea { border:1px solid #CCC; width:320px; margin-top:8px; height:220px;}
/*線上諮詢*/
.Inquiry .ContactUs { width:100%; max-width:1200px; height:auto; overflow:hidden; padding:5px 10px; margin:0 auto; position:relative;}
.Inquiry .ContactUs iframe { width:100%; max-width:460px; height:640px; float:left; margin-top:20px; display:block; padding:0;}
.Inquiry .ContactUs p { font-size:16px; line-height:1.5em; color:#4c4b4b; margin-bottom:1em;}
.Inquiry .ContactUs a.code { color:#333; text-decoration:none; height:40px; line-height:40px; font-size:14px;}
.Inquiry .ContactUs img { border:0;}
.Inquiry .ContactUs form#frmUG { width:100%; max- width:100%; max-width:1200px; height:auto; overflow:hidden;}
.Inquiry .ContactUs fieldset { width:440px; height:auto; overflow:hidden; float:right; border:0; padding:30px; background:#eee; }
.Inquiry .ContactUs label { width:130px; height:40px; line-height:40px; display:inline-block; vertical-align:top; float:left;}
.Inquiry .ContactUs label.long { width:180px; height:40px; line-height:40px; display:inline-block; vertical-align:top; float:left;}
.Inquiry .ContactUs label.short { width:60px; height:40px; line-height:40px; display:inline-block; vertical-align:top; float:left;}
.Inquiry .ContactUs input[type=radio]{ height:40px; line-height:40px; display:block; float:left; margin:0 5px; border:0;}
.Inquiry .ContactUs span.text { float:left; height:40px; line-height:40px;}
.Inquiry .ContactUs label span { color:#F00;}
.Inquiry .ContactUs input { border:1px solid #CCC; height:24px; line-height:40px; display:inline-block; margin:8px 0;}
.Inquiry .ContactUs input[type=submit] { width:100px; height:30px; float:right;}
.Inquiry .ContactUs input[type=submit]:hover { cursor:pointer; background:#ccc;}
.Inquiry .ContactUs textarea { border:1px solid #CCC; width:320px; margin-top:8px; height:220px;}
.Inquiry .ContactUs .contactform ul li:last-of-type span input { width:100%; max-width:150px;}


/* 聯絡我們表單 */
.Inquiry .ContactUs .contactform{ width:100%; max-width:1200px; padding:20px; border:1px solid #ccc; overflow:hidden; line-height:40px; background:#fff;
/*圓角*/
/*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}*/}
.Inquiry .ContactUs .contactform ul { width:100%; height:auto; overflow:hidden; display:block;}
.Inquiry .ContactUs .contactform ul li p { padding:10px; text-align:center; line-height:1.6em;}
.Inquiry .ContactUs .contactform ul li p br { display:none;}
.Inquiry .ContactUs .contactform ul li p br.RWD { display:inline;}
.Inquiry .ContactUs .contactform ul li h3{display:block;float:left;font-weight:bold; vertical-align:top; width:100%; max-width:140px; font-weight:normal;}
.Inquiry .ContactUs .contactform ul li{clear:both;margin:0;line-height:40px; min-height:40px; height:auto; padding:0; text-align:left; padding-left:10px; }
.Inquiry .ContactUs .contactform ul li:nth-of-type(2n+1){ background:#f6f5f5;}
.Inquiry .ContactUs .contactform ul li input { display: inline; margin:7px 0; height:24px; line-height:24px; padding:0 5px; max-width:100%;}
.Inquiry .ContactUs .contactform ul li textarea { padding:5px; max-width:100%;}
.Inquiry .ContactUs .contactform ul li select { border:1px solid #ccc;}
.Inquiry .ContactUs .contactform ul li span { height:40px; line-height:40px; display:inline; margin:0; padding:0 5px; width:auto; overflow:hidden; display:inline-table; table-layout:fixed;}
.Inquiry .ContactUs .contactform ul li span.notice {}
.Inquiry .ContactUs .contactform ul li span.code { vertical-align:middle;}
.Inquiry .ContactUs .contactform ul li span input { margin:0; display:inline;}
.Inquiry .ContactUs .contactform ul li span img { line-height:40px; display:inline; vertical-align:middle;}
.Inquiry .ContactUs .contactform ul li select { height:26px; line-height:26px; display:inline; padding:0 5px;}
.Inquiry .ContactUs .contactform ul li h3.data{width:auto;padding:5px 0 0 0;margin:0; color:#005cd0;}
.Inquiry .ContactUs .contactform ul li div.data{width:auto;padding:5px 0 0 95px;margin:0;}
.Inquiry .requireddescr { padding:20px;}
.Inquiry #txtDescr { width:500px;}

/*=====================媒體查詢開始======================*/

@media only screen and (min-width:0px) and (max-width:1450px){
.DefAboutUs01 .DefContentH1 { right:20px; margin-right:0; top:230px;}
.DefFAQ01 .DefContentH1 { right:20px; margin-right:0; top:230px;}

}

@media only screen and (min-width:0px) and (max-width:1240px){
.Header .Nav { width:80%; max-width:none;}
/*-----------------首頁中間內容設定-----------------*/
.DefProducts01 .DefProducts_02 { width:95%; margin:0 auto; margin-top:375px;
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.DefProducts01 .DefContentH1:before { width:270px; margin-left:-400px; top:60px;}
.DefProducts01 .DefContentH1:after { width:270px; margin-right:-400px; top:60px;}
.DefProducts01 .DefContentH1 p { font-size:20px; margin-top:20px;}

.DefNews01 { height:850px;}
.DefNews01 .DefContentH1:before { width:270px; margin-left:-400px; top:60px;}
.DefNews01 .DefContentH1:after { width:270px; margin-right:-400px; top:60px;}
.DefNews01 .DefProducts_02 { max-width:900px; padding:0 10px;}

.DefAlbum01 { height:850px;}
.DefAlbum01 .DefContentH1:before { width:270px; margin-left:-400px; top:60px;}
.DefAlbum01 .DefContentH1:after { width:270px; margin-right:-400px; top:60px;}
.DefAlbum01 .DefProducts_01 { max-width:930px; padding:0 10px;}

.Showroom .swiper-container-Product { max-width:630px;}

/*優吉兒網站連結(有網頁空間資訊時)*/
.uGear { right:0%; margin-right:0px;}

/*品牌故事*/
.AboutUs .AboutUs-01 .AboutUs-01-Mainimg { display:none;}
.AboutUs .AboutUs-01 .AboutUs-01-Mainimg2 { width:100%; height:auto; display:block;}
.AboutUs .AboutUs-01 .AboutUs-01-Article { width:100%;}

.Album .PageContent .PageArticle { max-width:900px;}
.Album .css_AlbumFrame { width:32.3%;}

}

@media only screen and (min-width:0px) and (max-width:1120px){
	/*1-6.Nav設定
------------------------*/
.Header { padding:0 10px;}
.Header .Nav { display:none;}
.slicknav_menu { display:block;}

.Header .Nav { width:80%; max-width:none;}
/*-----------------首頁中間內容設定-----------------*/
.DefProducts01 .DefProducts_02 { background:none;}
.DefAboutUs01 { height:550px; overflow:hidden; background:url(../images/NewLayout/DefAboutUs01-2.jpg) top left no-repeat;
-moz-background-size:1100px 550px;
-webkit-background-size:1100px 550px;
-o-background-size:1100px 550px;
background-size:1100px 550px;}
.DefAboutUs01 .DefContentH1 { top:125px; right:20px; margin-right:0;}
.DefFAQ01 { background:url(../images/NewLayout/DefFAQ01.jpg) top right no-repeat;}
.DefFAQ01 .DefContentH1 { right:50%; margin-right:-240px; top:290px; height:280px;}

}
@media only screen and (min-width:0px) and (max-width:1024px){

/*1-11.Footer設定
------------------------*/
.footer .Div-W1000 .Footer_Left { width:55%;}
.footer .Div-W1000 .Footer_Right { width:45%;}

.DefContent { width:100%; height:auto; overflow:hidden; margin:0 auto;}

.SiteMap81 .SiteMap .SiteMapWrapper dl { width:31.5%;}


	}

@media only screen and (min-width:0px) and (max-width:930px){
.Header { background:rgba(0,0,0,0.9);}
.swiper-container-DefBanner { margin-top:100px;}

	.Wrapper { background:url(../images/NewLayout/PageContent.jpg) top center no-repeat #faf0e4;}
	.DefNews01 .DefProducts_02 { max-width:600px;}
	.DefAlbum01 .DefProducts_01 { max-width:600px;}
	.Album .PageContent .PageArticle { max-width:600px;}
	
	.DefAboutUs01 { height:465px;
-moz-background-size:930px 465px;
-webkit-background-size:930px 465px;
-o-background-size:930px 465px;
background-size:930px 465px;}
.DefAboutUs01 .DefContentH1 { top:80px; right:20px; margin-right:0;}

.AboutUs .AboutUs-03 .AboutUs-03-Article p img { max-width:40%;}
.AboutUs-03-Map { height:550px;}
.AboutUs-03-Map iframe { height:500px;}
	
.Album .css_AlbumFrame { width:49%;}
.Album .css_AlbumPhotoFrame { width:49%;}
#page .ClientList li { width:31%;}
#page .ClientList li:nth-of-type(4n+1) { clear:none; float:left;}
#page .ClientList li:nth-of-type(3n+1) { clear:both;}


.product-detail-smallimage { max-width:100%; margin:0 auto;}
.product-detail-image { max-width:100%; margin:0 auto;}

.InsidePhoto iframe { height:350px;}
}

@media only screen and (min-width:0px) and (max-width:768px) {

.InsidePhoto iframe { width:100%; height:400px; margin-bottom:40px;}
	
body { padding-bottom:205px;}

.DefAboutUs01 { height:384px;
-moz-background-size:768px 384px;
-webkit-background-size:768px 384px;
-o-background-size:768px 384px;
background-size:768px 384px;}
.DefAboutUs01 .DefContentH1 { width:370px; right:50%; margin-right:-210px; top:60px; right:20px; margin-right:0; height:280px;}
.DefAboutUs01 .DefContentH1 p { font-size:16px;}
.DefAboutUs01 .More { margin-top:40px;}
.AboutUs-03-Map { height:450px;}
.AboutUs-03-Map iframe { height:400px;}

.productlist .img img { display:block; float:left;}
.SiteMap { height:150px;}
.SiteMap iframe { height:150px;}

.DefProducts01 { height:1300px;}
.DefProducts01 .DefContentH1:before { width:170px; margin-left:-300px;}
.DefProducts01 .DefContentH1:after { width:170px; margin-right:-300px;}
.DefProducts01 .DefContentH1 p { font-size:16px; margin-top:20px; padding:0 10px;}

.News .PageArticlePhoto { width:100%; height:auto; overflow:hidden;}
.News .PageArticlePhoto img { width:100%; height:auto;}

.Member .memberform ul li { text-align:center; width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.Member .ContactUs .memberform ul li * { float:none;}
.Member .ContactUs .memberform ul li input[type=radio] { display:inline-block; height:40px; line-height:40px;}
.Member .ContactUs .memberform ul li select { width:100%; display:block; height:30px; line-height:30px; margin:5px 0;}
.Member .ContactUs .memberform ul li span { display:inline-block; width:100%; height:auto; overflow:hidden; float:left;}
.Member .ContactUs .memberform ul li span input[type="text"],
.Member .ContactUs .memberform ul li span input[type="password"] { display:inline; width:auto;}
.Member .ContactUs .memberform ul li h3 { width:100%; height:40px; line-height:40px;}
.Member .ContactUs .memberform ul li h3 span { display:inline; width:auto; float:none;}
.Member .ContactUs .memberform ul li label { width:100%; text-align:center; text-align:center; color:#fff;
/*漸層*/ height:40px; line-height:40px;
background: rgb(93, 7, 6);
background: -moz-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -webkit-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -o-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: -ms-linear-gradient(90deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);
background: linear-gradient(180deg, rgb(93, 7, 6) 0%, rgb(57, 3, 3) 100%);}
.Member .ContactUs .memberform ul li label[for="radSex1"],
.Member .ContactUs .memberform ul li label[for="radSex2"],
.Member .ContactUs .memberform ul li label[for="radMarriage1"],
.Member .ContactUs .memberform ul li label[for="radMarriage2"],
.Member .ContactUs .memberform ul li label[for="radIsEPaper1"],
.Member .ContactUs .memberform ul li label[for="radIsEPaper2"]{ background:none; color:#000; width:auto;	}
.Member .ContactUs .memberform ul li input[type="text"],
.Member .ContactUs .memberform ul li input[type="password"] { width:100%; height:auto; line-height:30px; margin:8px 0;}
.Member .ContactUs .memberform ul li:last-of-type span { display:inline; width:auto; float:none;}

/*1-11.Footer設定
------------------------*/
.footer { padding-bottom:30px;}
.footer .Div-W1000 { padding:20px 10px;}
.footer .Div-W1000 .Footer_Left { display:none;}
.footer .Div-W1000 .Footer_Right { width:100%; text-align:center;}
.footer .Div-W1000 .Footer_Right img.QRCODE { display:none;}
.footer .Div-W1000 .SocialNetworkWrapper { width:100%;}
.footer .Div-W1000 .Footer_Right ul { float:none; margin:0 auto;}
/*優吉兒網站連結(有網頁空間資訊時)*/
.uGear { right:50%; margin-right:-135px; width:100%; max-width:270px; background:#000; height:30px; text-align:center;}
.uGear:hover { background:#000;}
.uGear span { margin-top:3px;}
.uGear a { color:#fff; height:30px; line-height:30px;}
.uGear a:hover { color:#fff;}

.Inquiry .ContactUs .contactform ul li { width:100%; height:auto; overflow:hidden; padding:10px;}
.Inquiry .ContactUs .contactform ul li input,.Inquiry .ContactUs .contactform ul li select, .Inquiry #txtDescr{ width:100%;}
.Inquiry .ContactUs .contactform ul li h3 { float:none; margin:0 auto;}
.Inquiry .ContactUs .contactform ul li:last-of-type h3 { float:left;}

.SiteMap81 .SiteMap .SiteMapWrapper dl { width:48.5%;}

#page .ClientList li { width:48%;}
#page .ClientList li:nth-of-type(4n+1) { clear:none; float:left;}
#page .ClientList li:nth-of-type(3n+1) { clear:none; float:left;}
#page .ClientList li:nth-of-type(2n+1) { clear:both;}

.Showroom .swiper-container-Product { max-width:300px;}
.product-detail-relateditle li{
	width:24%;
	margin:20px 0.5% 0px 0.5%;
	min-height:240px;
}
.product-detail-relateditle li.first{margin:20px 0.5% 0px 0.5%;}

.product-detail-relateditle .img{
	width:100%;
	height:163px;
}
.product-detail-relateditle .img:after { display:none;}
.product-detail-relateditle .img img { width:100%; max-height:163px;}
.product-detail-relateditle .pricecontent p { margin-left:0; text-align:center;}


}

@media only screen and (min-width:0px) and (max-width:660px){
	.DefAboutUs01 { height:auto; background:none; padding-top:0; width:100%; overflow:hidden; max-height:none;}
	.DefAboutUs01 img { display:block; width:100%; height:auto;}
.DefAboutUs01 .DefContentH1 { width:100%; height:auto; overflow:hidden; background:rgba(0,0,0,0.9); padding:40px 10px; position:static; margin:0 auto; text-align:center;}
.DefAboutUs01 .DefContentH1 h1 { background:url(../images/NewLayout/DefAboutUs01_H1.png) top center no-repeat;-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.DefAboutUs01 .DefContentH1 p { font-size:16px;}
.DefAboutUs01 .More { float:none; margin:0 auto; margin-top:30px;}
.DefFAQ01 { height:550px;}
.DefFAQ01 .DefContentH1 { top:220px;}
.DefFAQ01 .DefContentH1 p { font-size:16px; text-align:center;}
.DefFAQ01 .More { float:none; margin:0 auto; margin-top:40px;}


.product-detail-relateditle li{
	width:49%;
	min-height:240px;
}
.product-detail-relateditle .img{
	width:100%;
	height:190px;
}
.product-detail-relateditle .img:after { display:none;}
.product-detail-relateditle .img img { width:100%; min-width:100%; display:block; max-height:190px;}
.product-detail-relateditle .pricecontent p { margin-left:0; text-align:center;}

	}

@media only screen and (min-width:0px) and (max-width:620px){
	.DefNews01 .DefProducts_02 { max-width:300px;}
.DefAlbum01 .DefProducts_01 { max-width:300px;}
.Album .PageContent .PageArticle { max-width:300px;}
.Album .css_AlbumFrame { width:100%; margin-right:0;}
.Album .css_AlbumPhotoFrame { width:100%; margin-right:0;}

.PageContentDef .DefProducts_02 { background:url(../images/NewLayout/PageContentDef_DefProducts_02.jpg) top center no-repeat; padding-top:180px;
-moz-background-size:1100px 527px;
-webkit-background-size:1100px 527px;
-o-background-size:1100px 527px;
background-size:1100px 527px;
height:527px;}

.AboutUs .AboutUs-01 .AboutUs-01-Article h1 { text-align:center;}
.AboutUs .AboutUs-01 .AboutUs-01-Article .AboutUs-01-Photo img { max-width:100%; margin:10px auto; float:none;}
.AboutUs .AboutUs-02-H2 { font-size:24px;}
.AboutUs .AboutUs-03 .AboutUs-03-Article p img { max-width:100%;}
.AboutUs-03-Map { height:350px;}
.AboutUs-03-Map iframe { height:300px;}

.Inquiry .ContactUs .contactform ul li:last-of-type span input { max-width:100px;}
}


@media only screen and (min-width:0px) and (max-width:540px) {
.DefProducts01 { height:1000px; background:url(../images/NewLayout/DefProducts01.jpg) top center no-repeat; padding-top:100px;
-moz-background-size:1600px 1175px;
-webkit-background-size:1600px 1175px;
-o-background-size:1600px 1175px;
background-size:1600px 1175px;

-moz-background-size:1400px 1028px;
-webkit-background-size:1400px 1028px;
-o-background-size:1400px 1028px;
background-size:1400px 1028px;}

.DefProducts01 .DefProducts_02 { margin-top:230px;}
.DefAboutUs01 .DefContentH1 p { font-size:14px;}
.AboutUs-03-Map { height:250px;}
.AboutUs-03-Map iframe { height:200px;}

.DefFAQ01 { height:auto; padding:30px 0; padding-top:180px;}
.DefFAQ01 .DefContentH1 { width:100%; padding:20px; right:0%; margin-right:0px; top:0px; margin-top:0; position:relative; height:auto;}
.DefFAQ01 .DefContentH1 h1 {
	-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.DefFAQ01 .DefContentH1 p { font-size:14px; margin-top:30px;}
.DefFAQ01 .More { margin-top:40px;}


.product-detail-relateditle li{
	width:100%;
	margin:20px 0;
}
.product-detail-relateditle .img{
	width:100%;
	height:auto;
}
.product-detail-relateditle .img img { width:100%; min-width:100%; display:block; max-height:none;}

.formbtn { max-width:200px;}
.formbtn  a.GoBack:link { margin:10px auto; float:left;}

.Inquiry .ContactUs .contactform ul li:last-of-type span input { max-width:100%;}


.SiteMap81 .SiteMap .SiteMapWrapper dl { width:100%; margin-right:0; margin-bottom:40px;}

#page .ClientList li { width:100%; margin:10px 0;}
#page .ClientList li:nth-of-type(4n+1) { clear:none; float:left;}
#page .ClientList li:nth-of-type(3n+1) { clear:none; float:left;}
#page .ClientList li:nth-of-type(2n+1) { clear:none; float:left;}
}


























/*================================既有設定(暫時不動)2015.11.11 Jay START=======================================*/
/*2014.4.24 新增*/
.ddTitle, .ddTitleText { font-size:14px;}
.clear{clear:both;_height:0px;_overflow:hidden;}
.back-wrapper{padding:20px 0 0 0;text-align:center;}

form .length-xxxs{width:20px;}
form .length-xxs{width:40px;}
form .length-xs{width:80px;}
form .length-s2{width:130px;}
form .length-s{width:150px;}
form .length-m{width:200px;}
form .length-l{width:250px;}
form .length-xl{width:300px;}
form .length-xxl{width:500px;}
form .length-max{width:99%;}
form .textarealength-xl{width:300px;height:9em;}
form .textarealength-xxl{width:500px;height:9em;}
form .textarealength-max{width:99%;height:9em;_width:auto;_height:auto;}
form .length-captcha{width:50px;}
.css_NoData{text-align:center;color:#ff0000;padding:40px 0 40px 0;}
.formbtn{text-align:center;padding:20px 0 0 0; overflow:hidden;}

.ForumPhoto { width:105px; height:auto; overflow:hidden; margin:0 10px;}
.ForumPhoto img { max-width:100%; height:auto;}


.incProducts_Def021 { width:505px; height:auto; overflow:hidden; float:right;}
.incProducts_Def021 .incProducts_Def021_Content { width:148px; height:148px; overflow:hidden; float:left; margin:0 15px 10px 0; display:table; border:1px solid #ccc; table-layout:fixed; border-spacing:0;}
.incProducts_Def021 .incProducts_Def021_Content a { width:148px; height:148px; text-align:center; display:table-row;}
.incProducts_Def021 .incProducts_Def021_Content a .incProducts_Def021_ContentWrap { width:148px; height:148px; display:table-cell; vertical-align:middle;}
.incProducts_Def021 .incProducts_Def021_Content a .incProducts_Def021_ContentWrap img { max-width:140px; height:auto; max-height:140px; margin:0; padding:0; vertical-align:middle;}


.MemberFlow { width:100%; height:auto; overflow:hidden; max-width:580px; margin:0 auto; text-align:center; display:block; margin-bottom:50px;}
.MemberFlow img { padding:0; display:inline; text-align:center;}
	

.SocialNetworkWrapper { width:50%; width:100%; height:auto; overflow:hidden; float:right; margin:10px 0;}
.DefContent .DefProducts .slider ul li .DivFrame .DivImg{ height:180px;}

.Wrapper .PageTitle h1{ font-weight:normal;}

/*2015.10.13新增追蹤清單樣式*/
.PageContent table.TrackView {  border-collapse: collapse; vertical-align:middle; text-align:center;}
.PageContent table.TrackView a { line-height:50px;/*2015.10.16 Jay 把行高改為30px，因為會影響到版面*/ line-height:30px; text-decoration:none;}
.PageContent table.TrackView img { margin-left:10px;}
.PageContent table.TrackView tr{ border: 1px solid #999;vertical-align:middle;  }
.PageContent table.TrackView td{ border: 1px solid #999;vertical-align:middle;  }
.PageContent table.TrackView td.title2 { background:#CCC; height:35px; line-height:35px;}


/*2015.10.14 解決產品內容頁籤 li 問題*/
.product-detail-descr ul li.product-detail-descr-li { list-style:none;}

/*2015.10.16 Jay 解決產品麵包屑名稱過長問題*/
.PageContent .PageTitle .BreadCrumbs { max-width:60%; overflow:hidden;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-all;
/*超出範圍顯示"..."*/
white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}

/*2015.10.16 Jay 解決產品名稱過長問題*/
.product-detail-content h1.product { width:100%; height:auto; overflow:hidden; line-height:1.2em;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-all;}
.product-detail-content h1.product span { font-size:30px;}
/*================================既有設定(暫時不動)2015.11.11 Jay END=======================================*/