@charset "utf-8";
/* 新北市臨床心理師公會 純首頁RWD 
   開發日期:2017/3/29
   開發人員：Karen
----------------------------------*/

/*=======================================全域設定=======================================*/

/*html5 標籤元素設定
------------------------*/
header, nav, section, article, aside, time, footer { display:block;}

/*全域屬性設定
------------------------*/
*, *:before, *:after { box-sizing: border-box;}
html, body { padding:0; margin:0; }
html { 
/*針對 Safiri Mobile 旋轉時自動放大做的調整*/
-webkit-text-size-adjust: 100%; }
body { font-family:Arial,"微軟正黑體"; }
td{
/*文章左右對齊*/
text-align: justify; text-justify:inter-ideograph;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-word;}
/*解決 IE <a> 標籤內沒有元素就無法點選的問題*/
a { background:rgba(0,0,0,0);}
a img { border:0;}
/*字級大小設定*/
/*小*/.fontsize1 { font-size:16px;font-size:16px;}
/*中*/.fontsize2 { font-size:20px;font-size:16px;}
/*大*/.fontsize3 { font-size:24px;font-size:16px;}
/*巨*/.fontsize4 { font-size:28px;font-size:16px;}

/*欄位大小設定*/
form .length-xxxs{width:20px; max-width:100%; width:30px;}
form .length-xxs{width:25px; max-width:100%; width:40px;}
form .length-xs{width:80px; max-width:100%;}
form .length-s2{width:130px; max-width:100%;}
form .length-s{width:150px; max-width:100%;}
form .length-m{width:200px; max-width:100%;}
form .length-l{width:250px; max-width:100%;}
form .length-xl{width:300px; max-width:100%;}
form .length-xxl{width:500px; max-width:100%;}
form .length-max{width:100%;}
form .textarealength-xl{width:300px;height:9em; max-width:100%;}
form .textarealength-xxl{width:500px;height:9em; max-width:100%;}
form .textarealength-max{width:100%;height:9em;_width:auto;_height:auto;}
form .length-captcha{width:50px; max-width:100%;}

/*共用元件設定
------------------------*/
.Wrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; min-width:1000px;}
.Default .Wrapper { min-width:0;}
.Div-W1000 { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1300px; padding:0 10px; }

/*=======================================上方設定=======================================*/

/*Header設定
------------------------*/
.Header { width:100%; height:120px; overflow:visible; margin:0 auto;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(241,241,241) 100%);
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(241,241,241) 100%);
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(241,241,241) 100%);}
.Header .Div-W1000 { position:relative; padding-left:380px; overflow:visible; height:120px; }
.Header .Logo { width:352px; height:120px; overflow:hidden; position:absolute; left:5px; top:0;}
.Header .Logo a { display:block; width:100%; height:120px; overflow:hidden; background:url(../Images/Layout/Logo.png) center center no-repeat; text-indent:-9999px;}

/*TopMenu設定
------------------------*/
.Header .TopMenu { width:100%; height:auto; overflow:hidden; max-width:375px; float:right; margin-top:5px;}
.Header .TopMenu * { padding:0; margin:0; list-style:none;}
.Header .TopMenu ul { width:100%; height:auto; overflow:hidden;}
.Header .TopMenu li { width:20%; height:30px; line-height:30px; overflow:hidden; text-align:center; float:left; font-size:12px;}
.Header .TopMenu li a { display:block; text-decoration:none;}
.Header .TopMenu li a:link { color:#999;}
.Header .TopMenu li a:visited { color:#999;}
.Header .TopMenu li a:hover { color:#000;}
.Header .TopMenu li a:active { color:#000;}

/*Nav設定
------------------------*/
.Header .Nav { width:100%; float:right; height:120px; overflow:visible; }
.Header .Nav * { padding:0; margin:0; list-style:none;}
.Header .Nav ul.MainMenu { width:100%; height:120px; overflow:visible; margin:0 auto;  }
.Header .Nav ul.MainMenu li.MainMenuLi { width:11.1111%; height:120px; font-size:16px; text-align:center; float:left; position:relative; overflow:visible;}
.Header .Nav ul.MainMenu li.MainMenuLi:after { width:1px; height:60px; display:block; content:''; background:#e2e2e2; position:absolute; right:0; top:50%; margin-top:-30px;}
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(9):after { display:none; }
.Header .Nav ul.MainMenu li.MainMenuLi a { width:100%; height:120px; display:block; text-decoration:none; overflow:hidden; transition: all .3s; line-height:35px; color:#5e5e5e; padding:30px 0;}
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(1):hover>a { color:#4194e8; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(2):hover>a { color:#eb6595; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(3):hover>a { color:#a3489b; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(4):hover>a { color:#a37f48; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(5):hover>a { color:#498499; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(6):hover>a { color:#f18c3a; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(7):hover>a { color:#56a344; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(8):hover>a { color:#bf5a00; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(9):hover>a { color:#f1d555; }
.Header .Nav ul.MainMenu li.MainMenuLi>a i { display:block; font-size:30px;  }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(1)>a i { color:#4194e8; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(2)>a i { color:#eb6595; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(3)>a i { color:#a3489b; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(4)>a i { color:#a37f48; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(5)>a i { color:#498499; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(6)>a i { color:#f18c3a; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(7)>a i { color:#56a344; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(8)>a i { color:#bf5a00; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(9)>a i { color:#f1d555; }
.Header .Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub { width:120%; height:auto;overflow:visible;left:-10%;top:120px;position:absolute;z-index:9999; display:none; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(1) ul.MainMenuSub { background:rgba(65,148,232,.95); }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(3) ul.MainMenuSub { background:rgba(163,72,155,.95); }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(5) ul.MainMenuSub { background:rgba(73,132,153,.95); }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(6) ul.MainMenuSub { background:rgba(241,140,58,.95); }
.Header .Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub:before {width: 0;height: 0;border-style: solid;border-width: 0 5px 7.5px 5px;  position:absolute; right:50%; margin-right: -5px; top:-7.5px; content:'';  transition: all 3s;  display:block; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(1) ul.MainMenuSub:before { border-color:transparent transparent #4194e8 transparent; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(3) ul.MainMenuSub:before { border-color:transparent transparent #a3489b transparent; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(5) ul.MainMenuSub:before { border-color:transparent transparent #498499 transparent; }
.Header .Nav ul.MainMenu li.MainMenuLi:nth-child(6) ul.MainMenuSub:before { border-color:transparent transparent #f18c3a transparent; }
.Header .Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub li { width:100%; height:auto;  text-align:left; overflow:hidden;}
.Header .Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub li a { display:block; width:100%; height:auto;line-height:20px; overflow:hidden; padding:12px 5px; color:#fff;font-size:15px;}
.Header .Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub li a:hover { background:rgba(0,0,0,.15);}

/*Search設定
------------------------*/
.Header .Search { width:100%; max-width:160px; height:auto; overflow:hidden; float:right; position:relative; padding-right:25px; margin-top:10px;}
.Header .Search form { width:100%; height:auto; overflow:hidden; display:block; float:right;}
.Header .Search input[type="text"] { width:100%; height:25px; line-height:23px; outline:none; border:1px solid #ccc; padding:0 5px; font-size:12px; color:#555; float:left;}
.Header .Search .SearchBtn { width:25px; height:25px; overflow:hidden; display:block; text-indent:-9999px; background:url(../Images/Layout/UI/SearchBtn.png) no-repeat; position:absolute; top:0; right:0;}

/*Banner設定
------------------------*/
.DefBanner { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Banner { width:100%; height:auto; overflow:hidden; margin:0 auto;}

/*=======================================首頁內容設定=======================================*/

/*外框*/
.DefContent { width:100%; height:auto; overflow:hidden; padding:30px 10px; background:url(../Images/Layout/Bg_Content.jpg) center no-repeat; background-attachment: fixed; 
-moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;}
.DefContent .Div-W1000 *  { padding:0; margin:0; list-style:none; text-decoration:none;}
.DefContent .Div-W1000 .ContentLeft { width:49%; height:auto; overflow:hidden; float:left; padding:5px;}
.DefContent .Div-W1000 .ContentRight { width:49%; height:auto; overflow:hidden; float:right; padding:5px;}

/*DefNews DefArticle DefAlbum 共用*/
.DefContent .Div-W1000 .ContentWarp { width:100%; height:auto; overflow:hidden; float:left; background:#fff;border-radius: 10px; 
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);    box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.DefContent .Div-W1000 h2.DefTitle { width:100%; height:50px; line-height:50px; overflow:hidden; color:#fff; font-weight:normal; padding:0 15px; font-size:20px; }	
.DefContent .Div-W1000 h2.DefTitle i { margin-right:5px;}
.DefContent .Div-W1000 a.DefMore { float:right; color:#fff; text-align:right; font-size:14px;}
.DefContent .Div-W1000 a.DefMore span { display:none;}
.DefContent .Div-W1000 a.DefMore:hover span { display:inline-block; margin-left:5px;}
.DefContent .Div-W1000 ul.ArticleList { overflow:hidden; padding:0 15px;}
.DefContent .Div-W1000 ul.ArticleList li { border-top:1px dashed #c6c6c6;}
.DefContent .Div-W1000 ul.ArticleList li:nth-child(1) { border:none;}
.DefContent .Div-W1000 ul.ArticleList li a { width:100%; display:block; padding:17.7px 10px; font-size:18px; line-height:1.2em; overflow:hidden; color:#795bb6;transition: all .3s;
white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.DefContent .Div-W1000 ul.ArticleList li a:hover { color:#2e014b;}
.DefContent .Div-W1000 ul.ArticleList li a span.Date { font-size:15px; color:#717171; margin-right:10px;} 

/*DefNews*/
.DefContent .Div-W1000 .DefNews { margin-bottom:15px;}
.DefContent .Div-W1000 .DefNews h2.DefTitle {background:url(../Images/Layout/Bg_DefTitle_01.jpg) center no-repeat;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}	
.DefContent .Div-W1000 .DefNews ul.ArticleList li a {  color:#795bb6;}
.DefContent .Div-W1000 .DefNews ul.ArticleList li a:hover { color:#2e014b;}

/*DefArticle*/
.DefContent .Div-W1000 .DefArticle h2.DefTitle {background:url(../Images/Layout/Bg_DefTitle_03.jpg) center no-repeat;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}	
.DefContent .Div-W1000 .DefArticle ul.ArticleList li a { color:#1496a1;}
.DefContent .Div-W1000 .DefArticle ul.ArticleList li a:hover { color:#106168;}

/*DefAlbum*/
.DefContent .Div-W1000 .DefAlbum h2.DefTitle {background:url(../Images/Layout/Bg_DefTitle_02.jpg) center no-repeat;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}	
.DefContent .Div-W1000 .DefAlbum ul.AlbumList { overflow:hidden; padding:15px 15px 0 15px; font-size:0;}
.DefContent .Div-W1000 .DefAlbum ul.AlbumList li { width:49%; height:auto; overflow:hidden; float:left; margin-left:2%; margin-bottom:15px;}
.DefContent .Div-W1000 .DefAlbum ul.AlbumList li:nth-child(odd) { margin-left:0; clear:both;}
.DefContent .Div-W1000 .DefAlbum ul.AlbumList li a { width:100%; height:auto; display:block; overflow:hidden; position:relative;}
.DefContent .Div-W1000 .DefAlbum ul.AlbumList li a img.Photo { position: absolute; width:100%;  height: auto; min-height: 100%; display: block;
    top: 0; left: 0;}
.DefContent .Div-W1000 .DefAlbum ul.AlbumList li a img.PhotoBg { width:100%; height:auto; display:block; border:none;}
.DefContent .Div-W1000 .DefAlbum ul.AlbumList li a .Hover { width:100%; height:100%; position:absolute; z-index:10; background:rgba(1,24,8,.6); opacity:0;transition: all .3s;}
.DefContent .Div-W1000 .DefAlbum ul.AlbumList li a .Hover i { font-size:30px; color:#fff; position:absolute; top:50%; margin-top:-15px; left:50%; margin-left:-15px;}
.DefContent .Div-W1000 .DefAlbum ul.AlbumList li a:hover .Hover { opacity:1;}
/*DefLink*/
.DefContent .Div-W1000 .DefLink { width:100%; height:auto; overflow:hidden; margin-top:30px; }
.DefContent .Div-W1000 .DefLink ul { width:100%; height:auto; overflow:hidden; padding:5px;}
.DefContent .Div-W1000 .DefLink ul li { width:32.5%; height:auto; overflow:hidden; float:left; display:block; margin-left:1.25% ; border-radius: 10px;
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);    box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.DefContent .Div-W1000 .DefLink ul li:nth-child(1) { margin-left:0;}
.DefContent .Div-W1000 .DefLink ul li a { width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.DefContent .Div-W1000 .DefLink ul li h2 { width:100%; text-align:center; font-size:22px; color:#fff; position:absolute; bottom:0; height:45px; line-height:45px; z-index:5;
 letter-spacing:0.1em; font-weight:normal; transition: all .4s;}
.DefContent .Div-W1000 .DefLink ul li:hover h2 { bottom:50%;  margin-bottom:-22.5px; }
.DefContent .Div-W1000 .DefLink ul li img { width:100%; height:auto; display:block; border:none; }
.DefContent .Div-W1000 .DefLink ul li a:after { content:''; display:block; width:100%; height:60px; position:absolute; bottom:0; opacity:.8; transition: all .5s;}
.DefContent .Div-W1000 .DefLink ul li:nth-child(1) a:after { content:''; display:block; width:100%; height:60px; position:absolute; bottom:0; background:url(../Images/Layout/Bg_DefTitle2_1.png) top center no-repeat; -moz-background-size:100%;-webkit-background-size:100%;-o-background-size:100%;background-size:100%;}
.DefContent .Div-W1000 .DefLink ul li:nth-child(2) a:after { content:''; display:block; width:100%; height:60px; position:absolute; bottom:0; background:url(../Images/Layout/Bg_DefTitle2_2.png) top center no-repeat; -moz-background-size:100%;-webkit-background-size:100%;-o-background-size:100%;background-size:100%;}
.DefContent .Div-W1000 .DefLink ul li:nth-child(3) a:after { content:''; display:block; width:100%; height:60px; position:absolute; bottom:0; background:url(../Images/Layout/Bg_DefTitle2_3.png) top center no-repeat; -moz-background-size:100%;-webkit-background-size:100%;-o-background-size:100%;background-size:100%;}
.DefContent .Div-W1000 .DefLink ul li:hover a:after { height:110%;}


/*=======================================中間共用框架設定=======================================*/

/*配合字級大小變化用(程式是抓ID來判斷)*/
#txtFontSize { width:100%; height:auto; overflow:hidden; text-align:right;}
#txtFontSize span { display:inline-block; width:auto; height:19px; line-height:19px; margin:0 2.5px; overflow:hidden;}
#txtFontSize span a { display:block; width:100%; height:auto; overflow:hidden;}
#txtFontSize span a img { display:block; width:100%; height:auto;}
div#tbContent { width:100%; height:auto; overflow:hidden;}

/*分類說明區塊
------------------------*/
.PageMenuContent {    width: 100%;  height: auto;  overflow: hidden;   margin: 0 auto;   word-wrap: break-word;    word-break: break-word; }

/*內容設定
------------------------*/
.PageContentWarp { width:100%; height:auto; overflow:hidden; padding:30px 0; background:url(../Images/Layout/Bg_Content.jpg) center no-repeat; background-attachment: fixed; 
    -moz-background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.PageContent { width:100%; max-width:1280px; height:auto; overflow:hidden; padding:30px 30px; margin:0 auto; background:#fff;border-radius: 10px;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);    box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.PageArticle { width:100%;  height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#333;}
/*內文預設標題*/
.PageArticle .PageArticleH1 { width:100%; font-size:26px; height:auto; overflow:hidden; font-weight:normal; text-align:center;}

/*沒有資料時*/
p.NoData { width:100%; height:auto; overflow:hidden; text-align:center; color:#F00; padding:0; margin:50px auto;}
/*需特別顯示醒目字時*/
.notice { color:#F00;}

/*基本表格設定*/
table.BasicTable { width:100%; height:auto;}
table.BasicTable tr:nth-of-type(odd) { background:#eee;}
table.BasicTable tr:first-of-type { background:#333; color:#fff;}
table.BasicTable td { padding:10px; height:44px; line-height:24px; text-align:center;}

/*社群分享*/
.SocialNerwork { width:100%; height:auto; overflow:hidden; text-align:right;}
.SocialNerwork span { display:inline-block; width:32px; height:32px; overflow:hidden; margin:0 2.5px;}
.SocialNerwork span a { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.SocialNerwork span a img { max-width:100%; height:auto; display:block;}
.SocialNerwork span span { margin:0; width:100%;}

.PageArticle img { max-width:100%; height:auto;}
/*後台嵌入Youtube*/
.PageArticle iframe { max-width:100%; margin:15px auto; display:block;}
/*後台上傳圖片(非編輯器)*/
.PageArticle img.ArticleImg { margin:15px auto;display:block;}

/*分頁
------------------------*/
.PageList { width:100%; height:auto; overflow:hidden;}
.css_PageList {	 height:auto; line-height:40px; overflow:hidden; margin-top:40px; float:right; }
.css_PageList * { display:inline-block; text-align:center; font-size:14px; text-decoration:none; }
.css_PageList a { border:1px solid #bbbbbb;margin:2px;color: #bbbbbb; padding:0; height:40px; line-height:0px; overflow:hidden; -webkit-transition:all .3s; transition:all .3s; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.css_PageList a:hover{ border:1px solid #000;color: #000;}
.css_PageList .current { border:1px solid #000;margin:2px;color: #000; text-decoration: none; padding:0; height:40px; line-height:40px; width:40px; overflow:hidden; cursor:default; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.css_PageList .disabled {border:1px solid #bbbbbb;	margin:2px;	color: #bbbbbb; }
.css_PageList_EN{font-size:14px;line-height:100%;}
.css_PageList_TW{font-size:14px;line-height:100%;}
.css_PageList span { padding:0; height:40px; line-height:40px; width:40px; overflow:hidden;}
.css_PageList span.css_PageList_TW { width:80px;}

.News_RWD_01 .css_PageList a:hover { border:1px solid #9a599c;color: #9a599c;} 
.News_RWD_01 .css_PageList .current { border:1px solid #9a599c;color: #9a599c;} 
.News_RWD_02 .css_PageList a:hover { border:1px solid #498499;color: #498499;} 
.News_RWD_02 .css_PageList .current { border:1px solid #498499;color: #498499;} 
.Link .css_PageList a:hover { border:1px solid #f18c3a;color: #f18c3a;} 
.Link .css_PageList .current { border:1px solid #f18c3a;color: #f18c3a;} 
.Down .css_PageList a:hover { border:1px solid #bf5a00;color: #bf5a00;} 
.Down .css_PageList .current { border:1px solid #bf5a00;color: #bf5a00;} 
.Law .css_PageList a:hover { border:1px solid #aa8657;color: #aa8657;} 
.Law .css_PageList .current { border:1px solid #aa8657;color: #aa8657;} 


/*========按鈕設定========*/

a { color:#0099FF;}

/*回上一頁*/
.GoBack { width:100%; max-width:120px; height:45px; line-height:45px; text-align:center;  font-size:15px; text-decoration:none; display:block; margin:20px auto;  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; transition: all .2s;}

.News_RWD_01 .GoBack { color:#9a599c; border:1px solid #9a599c;}
.News_RWD_01 .GoBack:hover { color:#fff; background:#9a599c;}
 
.News_RWD_02 .GoBack { color:#498499; border:1px solid #498499;}
.News_RWD_02 .GoBack:hover { color:#fff; background:#498499;}

.AboutUs .GoBack { border:1px solid #4194e8; color:#4194e8;}
.AboutUs .GoBack:hover { background:#4194e8; color:#fff;}
 

/*一個按鈕時(針對某些特定頁面需要時使用，如產品)*/
.Btn_One { width:100%; height:auto; overflow:hidden;}

/*兩個按鈕時*/
.Btn_Two { width:100%; max-width:250px; height:auto; overflow:hidden; margin:20px auto;}
.Btn_Two .GoBack { margin:0; float:left;}
.Btn_Two .GoBack:nth-of-type(2n+2) { float:right;}

/*三個按鈕時*/
.Btn_Thr { width:100%; max-width:380px; height:auto; overflow:hidden; margin:20px auto;}
.Btn_Thr .GoBack { margin:0; float:left; margin-right:10px;}
.Btn_Thr .GoBack:nth-of-type(3n+3) { margin-right:0;}

/*檔案下載*/
.Btn_Down { width:75px; height:46px; overflow:hidden; display:block; background:url(../Images/Layout/UI/Icon_Down.gif) 0 0 no-repeat; margin:15px auto; text-indent:-9999px; border:1px solid #ccc;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
/*網址*/
.Btn_Url { width:75px; height:46px; overflow:hidden; display:block; background:url(../Images/Layout/UI/Icon_Url.gif) 0 0 no-repeat; margin:15px auto; text-indent:-9999px; border:1px solid #ccc;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
/*圖片下載*/
.Btn_ImgDown { width:95px; height:46px; overflow:hidden; display:block; background:url(../Images/Layout/UI/Icon_DownImg.gif) 0 0 no-repeat; margin:15px auto; text-indent:-9999px; border:1px solid #ccc;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
/*ProgessBar*/
.PageArticle img.ProgessBar { height:12px;}

/*========頁籤式框架========*/

/*(頁籤式)版頭+麵包屑設定
------------------------*/
.PageTitleWrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; }
.PageTitleWrapper * { padding:0; margin:0; text-decoration:none;}
.PageTitleWrapper .PageTitle { width:100%; max-width:1300px; height:auto; overflow:hidden; margin:0 auto; padding:0 10px; }
.PageTitleWrapper .PageTitle h1 { display:inline-block; height:80px; line-height:80px; font-size:28px; float:left; color:#fff; font-weight:normal;}
.PageTitleWrapper .PageTitle h1 i { margin-right:10px;}
.PageTitleWrapper .PageTitle .BreadCrumbs { display:inline-block; height:80px; line-height:80px; font-size:14px; float:right; color:#f1f1f1; text-align:right; overflow:hidden;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-word;
/*超出範圍顯示"..."*/
white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.PageTitleWrapper .PageTitle .BreadCrumbs a { color:#f1f1f1;}
.PageTitleWrapper .PageTitle .BreadCrumbs a:hover { color:#fff;}

.AboutUs .PageTitleWrapper {background:url(../Images/Layout/Bg_PageTitle_01.jpg) center no-repeat;  -moz-background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.Retail .PageTitleWrapper {background:url(../Images/Layout/Bg_PageTitle_02.jpg) center no-repeat;  -moz-background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.News_RWD_01 .PageTitleWrapper {background:url(../Images/Layout/Bg_PageTitle_03.jpg) center no-repeat;  -moz-background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.News_RWD_02 .PageTitleWrapper {background:url(../Images/Layout/Bg_PageTitle_04.jpg) center no-repeat;  -moz-background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.Link .PageTitleWrapper {background:url(../Images/Layout/Bg_PageTitle_05.jpg) center no-repeat;  -moz-background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.Album_RWD_01 .PageTitleWrapper {background:url(../Images/Layout/Bg_PageTitle_06.jpg) center no-repeat;  -moz-background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.SiteMap_RWD_01 .PageTitleWrapper {background:url(../Images/Layout/Bg_PageTitle_07.jpg) center no-repeat;  -moz-background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.Down .PageTitleWrapper {background:url(../Images/Layout/Bg_PageTitle_08.jpg) center no-repeat;  -moz-background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.Law .PageTitleWrapper {background:url(../Images/Layout/Bg_PageTitle_09.jpg) center no-repeat;  -moz-background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    background-size: cover;}


/*(頁籤式)分類選單設定
------------------------*/
.PageMenuTop { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:15px; }
.PageMenuTop * { padding:0; margin:0; list-style:none;text-decoration:none;}
.PageMenuTop ul {  width:100%; max-width:1300px; height:auto; overflow:hidden; margin:0 auto; padding:0 10px;   }
.PageMenuTop li { width:auto; height:auto; float:left; text-align:center; margin:0 15px 15px 0; font-size:18px; display:inline-block;}
.PageMenuTop li a { display:block; width:100%; height:auto; line-height:1em;  padding:12.5px 30px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
transition: all .2s; }

.AboutUs .PageMenuTop li a { border:1px solid #4194e8; color:#4194e8;}
.AboutUs .PageMenuTop li a:hover {  background:#4194e8; color:#fff;}
.AboutUs .PageMenuTop li a.Active { background:#4194e8; color:#fff;}

.News_RWD_01 .PageMenuTop li a { border:1px solid #9a599c; color:#9a599c;}
.News_RWD_01 .PageMenuTop li a:hover {  background:#9a599c; color:#fff;}
.News_RWD_01 .PageMenuTop li a.Active { background:#9a599c; color:#fff;}

.News_RWD_02 .PageMenuTop li a { border:1px solid #498499; color:#498499;}
.News_RWD_02 .PageMenuTop li a:hover {  background:#498499; color:#fff;}
.News_RWD_02 .PageMenuTop li a.Active { background:#498499; color:#fff;}

.Link .PageMenuTop li a { border:1px solid #f18c3a; color:#f18c3a;}
.Link .PageMenuTop li a:hover {  background:#f18c3a; color:#fff;}
.Link .PageMenuTop li a.Active { background:#f18c3a; color:#fff;}

.Album_RWD_01 .PageMenuTop li a { color: #56a344; border: 1px solid #56a344;}
.Album_RWD_01 .PageMenuTop li a:hover {  background:#56a344; color:#fff;}
.Album_RWD_01 .PageMenuTop li a.Active { background:#56a344; color:#fff;}


/*有第二層選單時*/
.PageMenuTop li.LiSubMenu { padding-bottom:50px;}
.PageMenuTop li.LiSubMenu .SubMenu { width:100%; height:50px; overflow:hidden; position:absolute; left:0; bottom:0px; padding:10px 0; background:#555;}
.PageMenuTop li.LiSubMenu .SubMenu ul { padding:0;}
.PageMenuTop li.LiSubMenu .SubMenu ul li.SubMenuLi a { height:30px; line-height:30px; font-size:12px;}
.PageMenuTop li.LiSubMenu .SubMenu ul li.SubMenuLi a:link {color:#555;}
.PageMenuTop li.LiSubMenu .SubMenu ul li.SubMenuLi a:visited { color:#555;}
.PageMenuTop li.LiSubMenu .SubMenu ul li.SubMenuLi a:hover { color:#333;}
.PageMenuTop li.LiSubMenu .SubMenu ul li.SubMenuLi a:active { color:#333;}
/*產品專用(暫定)的第二及第三層選單*/
.Showroom .PageMenuTop li .SubMenu { width:100%; min-width:1000px; min-height:35px; height:auto; overflow:visible; position:absolute; top:445px; left:0; border-bottom:1px solid #ccc; z-index:9999; background:#fff;}
.Showroom .PageMenuTop li .SubMenu > ul { width:1000px; min-height:35px; height:auto; overflow:visible; margin:5px auto;}
.Showroom .PageMenuTop li .SubMenu > ul > li { min-height:35px; height:auto; line-height:35px; background:url(../Images/Layout/UI/Showroom/SubMenuLi.png)no-repeat center 20px; font-size:12px; font-weight:normal; color:#000; overflow:visible; !important}
.Showroom .PageMenuTop li .SubMenu > ul > li a:link { height:35px; line-height:35px; color:#777; background:none; background:#fff;}
.Showroom .PageMenuTop li .SubMenu > ul > li ul.ThirdMenu { min-width:1000px; width:100%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:10px; display:none;margin-bottom:10px; position:absolute; left:0; top:40px; border-bottom:1px solid #ccc; background:#fff;}
.Showroom .PageMenuTop li .SubMenu > ul > li ul.ThirdMenu .Div-W1000 {background:#eee; padding:10px 0;}
.Showroom .PageMenuTop li .SubMenu > ul > li ul.ThirdMenu li { width:10%; height:30px; line-height:30px; font-size:12px; background:none; text-align:center; padding:0; margin:0;}
.Showroom .PageMenuTop li .SubMenu > ul > li ul.ThirdMenu li a { width:100%; height:30px; line-height:30px;}
.Showroom .PageMenuTop li .SubMenu > ul > li:hover { background:url(../Images/Layout/UI/Showroom/SubMenuLi.png) no-repeat center 20px;}
.Showroom .PageMenuTop li .SubMenu > ul > li:hover a { color:#000;}
.Showroom .PageMenuTop li .SubMenu > ul > li:hover > ul.ThirdMenu { display:block;}
.Showroom .PageMenuTop li .SubMenu > ul > li:hover > ul.ThirdMenu li a { color:#999;}
.Showroom .PageMenuTop li .SubMenu > ul > li:hover > ul.ThirdMenu li a:hover { color:#555; text-decoration:underline;}

/*========左側式框架========*/
.PageWrapper-Side { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 0; max-width:1000px;}

/*(左側式)分類選單設定
------------------------*/
.PageWrapper-Side .PageMenu { width:24%; height:auto; overflow:hidden; float:left; border:1px solid #ccc; 
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.PageWrapper-Side .PageWrapper-Side-Side { width:24%; height:auto; overflow:hidden; float:left;}
.PageWrapper-Side .PageWrapper-Side-Side .PageMenu { width:100%; margin-bottom:20px;}
.PageWrapper-Side .PageMenu h1 { margin:0; width:100%; height:auto; line-height:30px; font-size:20px; font-weight:normal; border-bottom:1px solid #ccc; padding:10px;}
.PageWrapper-Side .PageMenu ul { padding:0; margin:0; list-style:none; display:block; width:100%; height:auto; overflow:hidden; margin:10px auto;}
.PageWrapper-Side .PageMenu ul li {padding:0; margin:0; list-style:none; display:block;  width:100%; height:auto; overflow:hidden; font-size:14px; border-bottom:1px dotted #ccc;}
.PageWrapper-Side .PageMenu ul li:last-of-type { border-bottom:0;}
.PageWrapper-Side .PageMenu ul li a { width:100%; height:auto; overflow:hidden; display:block; margin:0; padding:10px; text-decoration:none;}
.PageWrapper-Side .PageMenu ul li a:link {color:#555;}
.PageWrapper-Side .PageMenu ul li a:visited { color:#555;}
.PageWrapper-Side .PageMenu ul li a:hover { color:#333;}
.PageWrapper-Side .PageMenu ul li a:active { color:#333;}
/*有第二層選單時*/
.PageWrapper-Side .PageMenu ul li .SubMenu { margin-top:0;}
.PageWrapper-Side .PageMenu ul li .SubMenu li { border-bottom:0; font-size:12px; padding-left:1em;}
.PageWrapper-Side .PageMenu ul li .SubMenu li a { background:#eee;}
.PageWrapper-Side .PageMenu ul li .SubMenu li a:link {color:#777;}
.PageWrapper-Side .PageMenu ul li .SubMenu li a:visited { color:#777;}
.PageWrapper-Side .PageMenu ul li .SubMenu li a:hover { color:#fff; background:#999;}
.PageWrapper-Side .PageMenu ul li .SubMenu li a:active { color:#fff; background:#999;}
/*商品篩選*/
.PageWrapper-Side .PageMenu ul.AdvSearch { width:100%; padding:0; background:none; margin:0 auto;}
.PageWrapper-Side .PageMenu ul.AdvSearch li { width:100%; border-bottom:1px solid #eee; background:none; text-indent:0; line-height:30px; padding:10px 5px;}
.PageWrapper-Side .PageMenu ul.AdvSearch .subTitle { display:inline-block; float:left; width:100%; height:26px; line-height:26px;}
.PageWrapper-Side .PageMenu ul.AdvSearch .subContent { width:100%;}
.PageWrapper-Side .PageMenu ul.AdvSearch .subContent select { width:100%;}
.PageWrapper-Side .PageMenu ul.AdvSearch .subContent1 { float:left; height:auto; display:inline-block; width:25%; font-size:12px; overflow:hidden; text-align:left;}
.PageWrapper-Side .PageMenu ul.AdvSearch  input { margin:0; margin-right:2px;}
.PageWrapper-Side .PageMenu ul.AdvSearch .subContent2 { float:left; height:auto; display:inline-block; width:20%; overflow:hidden;}
.PageWrapper-Side .PageMenu ul.AdvSearch .subContent3 { float:left; width:100%; display:inline-block;}
.PageWrapper-Side .PageMenu ul.AdvSearch .subContent4 { float:left; width:50%; display:inline-block;}

/*(左側式)內容設定
------------------------*/
.PageWrapper-Side .PageContent-Right { width:75%; height:auto; overflow:hidden; float:right;}
.PageWrapper-Side .PageContent-Right .PageTitle { width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ccc; padding:0 10px;}
.PageWrapper-Side .PageContent-Right .PageTitle * { padding:0; margin:0;}
.PageWrapper-Side .PageContent-Right .PageTitle h1 { width:30%; height:50px; line-height:50px; font-size:20px; float:left; color:#333;}
.PageWrapper-Side .PageContent-Right .PageTitle .BreadCrumbs { width:70%; height:50px; line-height:50px; font-size:12px; float:right; color:#333; text-align:right; overflow:hidden;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-word;
/*超出範圍顯示"..."*/
white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.PageWrapper-Side .PageContent-Right .PageTitle .BreadCrumbs a { text-decoration:none;}
.PageWrapper-Side .PageContent-Right .PageTitle .BreadCrumbs a:link { color:#333;}
.PageWrapper-Side .PageContent-Right .PageTitle .BreadCrumbs a:visited { color:#333;}
.PageWrapper-Side .PageContent-Right .PageTitle .BreadCrumbs a:hover { color:#f39800;}
.PageWrapper-Side .PageContent-Right .PageTitle .BreadCrumbs a:active { color:#f39800;}
.PageWrapper-Side .PageContent-Right .PageArticle { width:100%; height:auto; overflow:hidden; float:right; padding:10px; font-size:16px; color:#333;}


/*=======================================各單元個別設定=======================================*/

/*關於公會
------------------------*/
.AboutContent { width:100%; max-width:920px; margin:20px auto; overflow:hidden;}
.AboutContent2 { max-width:960px;}
.AboutContent h2 { font-weight:normal; text-align:center; color:#4194e8; margin-top:0; }
.AboutContent h3 { font-weight:normal; border-bottom:1px dashed #4194e8; color:#4194e8; line-height:2em;}
.AboutContent p { line-height:1.5em;}
.AboutContent ul { margin:0; padding:0 0 0 1em; list-style:none;}
.AboutContent ul li { margin-bottom:5px;}
.AboutContent ul ul { padding:10px 0 0 2em;}
.AboutContent ul ul li { margin-bottom:10px;}
/*公會簡介與沿革*/
.AboutContent .AboutBg01 { width:100%; height:auto; overflow:hidden; background:url(../images/Layout/Img_About_02.jpg) right top no-repeat; padding-right:450px;}
.AboutContent .AboutBg02 { width:100%; height:auto; overflow:hidden; background:url(../images/Layout/Img_About_01.jpg) left center no-repeat; padding:100px 0 100px 340px;}
/*理事長*/
.AboutContent .Chairman { width:100%; height:auto; overflow:hidden; position:relative; padding-left:250px;}
.AboutContent .ChairmanImg { width:200px; height:auto; overflow:hidden; position:absolute; left:0; top:0;}
.AboutContent .ChairmanImg img { max-width:100%; height:auto; display:block; margin:0 auto;}
.AboutContent .ChairmanImg h4 { font-weight:normal; text-align:center; font-size:26px; color:#4194e8; margin:10px 0 0 0;}
.AboutContent .ChairmanInfo { width:100%; height:auto; overflow:hidden; float:right; }
.AboutContent .ChairmanInfo01-1 { width:35%; height:auto; overflow:hidden; float:left;}
.AboutContent .ChairmanInfo01-1 li { width:50%; width:100%; float:left;}
.AboutContent .ChairmanInfo01-2 { width:58%; height:auto; overflow:hidden; float:right;}
.AboutContent .ChairmanInfo h3,.AboutContent .ChairmanInfo ul { padding-left:.5em;}
/*入會流程&執業異動流程*/
.AboutContent img.Process { max-width:100%; height:auto; display:block; margin:0 auto;}
/*歷屆理事長*/
.AboutContent .AllChairmans { width:100%; height:auto; overflow:hidden; padding:0; margin:0;}
.AboutContent .AllChairmans li { width:100%; height:auto; overflow:hidden; list-style:none; padding:0 0 20px 0; margin:40px 0 20px 0; border-bottom:1px dotted #c6c6c6; }
.AboutContent .AllChairmans li h4 {  font-weight:normal; text-align:center; font-size:20px; color:#4194e8; margin:15px 0 0 0;}
.AboutContent .AllChairmanImg { width:100%; height:auto; overflow:hidden; margin-bottom:15px; }
.AboutContent .AllChairmanImg img { max-width:100%; height:auto; display:block; margin:0 auto; border:none;}
.AboutContent .AllChairmanSays { width:100%; height:auto; overflow:hidden;}
/*第五屆理監事*/
.AboutContent .Member { width:100%; height:auto; margin:0; padding:0; overflow:hidden; text-align:center;}
.AboutContent .Member li { width:465px; height:auto; display:block; overflow:hidden; position:relative; padding-left:170px; list-style:none; margin:25px 0;}
.AboutContent .Member li.MemberContent_1 { margin:25px auto; width:640px;}
.AboutContent .Member li.MemberContent_2 { float:right;}
.AboutContent .Member li.MemberContent_2-1 { clear:both; float:left;}
.AboutContent .Member li.Hr { width:100%; height:1px; clear:both; background:#4194e8; padding:0; margin:40px auto; float:none;}

.AboutContent .Member li .MemberImg { width:150px; height:auto; overflow:hidden; position:absolute; left:0; top:0;}
.AboutContent .Member li .MemberImg img { max-width:100%; height:auto; display:block; border:none; margin-bottom:20px;}
.AboutContent .Member li .MemberImg h3 { font-size:18px; margin:0 0 0 0 ; text-align:center; border:none; line-height:1em;}

.AboutContent .Member li .MemberText { width:100%; height:auto; min-height:350px; overflow:hidden; float:right; text-align:left; }
.AboutContent .Member li .MemberText * { padding:0; margin:0; }
.AboutContent .Member li .MemberText h2 { font-size: 17px; line-height: 20px; font-weight:normal; text-align:left; }
.AboutContent .Member li .MemberText h3 { font-size: 22px; line-height: 30px; text-align:center; }
.AboutContent .Member li .MemberText h3:nth-child(1) { margin-top:55px; }
.AboutContent .Member li .MemberText p { font-size:15px; line-height: 24px; margin-bottom:15px; } 



/*最新消息列表
------------------------*/
.PageNews{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.PageNews * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageNews li { width:100%; height:auto; overflow:hidden; padding:15px; border-top:#c6c6c6 1px dotted; font-size:18px; margin:5px 0; float:left; }
.PageNews li:nth-child(1) { border:none; }
.PageNews li a { width:100%; height:auto; display:block; overflow:hidden; color:#666; }
.PageNews li a span.Date { font-size:15px; color:#717171; margin-right:10px; }
.News_RWD_01 .PageNews li a:hover {  color:#795bb6;}
.News_RWD_02 .PageNews li a:hover {  color:#498499;}

/*最新消息內頁
------------------------*/
/*FB留言板API*/
.FB-Comments-API { width:100%; height:auto; overflow:hidden;}

/*新聞牆列表
------------------------*/
.NewsGalleryWrap { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.NewsGalleryWrap * { padding:0; margin:0; list-style:none;}
.NewsGalleryWrap li { width:24%; height:auto; overflow:hidden; float:left; margin:10px 0.5%;
/*讓過長的名稱強制斷行*/
word-wrap:break-word;word-break:break-word; }
.NewsGalleryWrap li:nth-of-type(4n+1) { clear:both;}
.NewsGalleryWrap li a { display:block; text-decoration:none;}
.NewsGalleryWrap li a:link {color:#333; }
.NewsGalleryWrap li a:visited { color:#333; }
.NewsGalleryWrap li a:hover { color:#000;}
.NewsGalleryWrap li a:active { color:#000;}
.NewsGalleryWrap li a.More { padding:10px 0; font-weight:bold;}
.NewsGalleryWrap li .NewsGalleryPhoto { width:100%; height:auto; overflow:hidden; text-align:center; border:1px solid #ccc;
/*圓角*/
-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);}
.NewsGalleryWrap li .NewsGalleryPhoto img { max-width:100%; height:auto; display:block;}
.NewsGalleryWrap li h1 { width:100%; height:auto; overflow:hidden; padding:15px 0; font-size:24px; color:#333; font-weight:normal;}
.NewsGalleryWrap li p { width:100%; height:auto; overflow:hidden; line-height:1.5em;}

/*============================================ 產品START===================================================*/
/*#id_ShipFee, */#id_invoicename, #id_invoice { display:none;}

/*1-1上方分類搜尋
------------------------*/
.Showroom .ProductSearch { width:100%; height:auto; overflow:hidden;}
.Showroom .ProductSearch select { float:left; margin-right:10px; height:22px; line-height:22px; outline:none; border:1px solid #ccc; margin:5px;}
.Showroom .ProductSearch .Search { width:auto; height:24px; overflow:hidden; float:left; margin:5px;}
.Showroom .ProductSearch .Search .SeatchText { height:20px; line-height:20px; border:1px solid #ccc; color:#555; padding:0 5px; float:left;}
.Showroom .ProductSearch .Search .SearchBtn { width:25px; height:25px; line-height:25px; outline:none; background:url(../Images/Layout/UI/SearchBtn.png) no-repeat; float:right; padding:0; text-indent:-9999px; border:none; cursor:pointer;}
/*1-2內容列表
------------------------*/
/*Showroom04*/
.Showroom .ProductList { width:100%; height:auto; overflow:hidden; padding:20px 0; margin:0 auto;}
.Showroom .ProductList * { padding:0; margin:0; list-style:none;}
.Showroom .ProductList ul { width:100%; height:auto; overflow:hidden;}
.Showroom .ProductList li { width:100%; max-width:190px; height:190px; overflow:hidden; margin:0 10px 10px 0; text-align:center; float:left;}
.Showroom .ProductList li img { max-width:100%; height:auto; max-height:190px;}
.Showroom .ProductList li.Big { width:100%; max-width:390px; height:390px;}
.Showroom .ProductList li.Big img { max-height:390px;}
.Showroom .ProductList .SectionWrapper { width:200px; height:400px; overflow:hidden; float:left;}
/*Showroom07*/
.Showroom .ProductListOne { width:100%; height:auto; overflow:hidden; padding:20px 0; margin:0 auto;}
.Showroom .ProductListOne * { padding:0; margin:0; list-style:none;}
.Showroom .ProductListOne ul { width:20%; height:auto; overflow:hidden; padding:5px; float:left;}
.Showroom .ProductListOne ul:nth-of-type(5n+1) { clear:both;}
.Showroom .ProductListOne ul li { width:100%; height:auto; overflow:hidden;}
.Showroom .ProductListOne ul li a { width:100%; height:auto; overflow:hidden; display:block;}
.Showroom .ProductListOne ul li a img { width:100%; height:auto; display:block;}

/* ======== Product Start ======== */
.Showroom .productlist { width:100%; height:auto; overflow:hidden; padding:0; margin:0 auto;}
.Showroom .productlist * { padding:0; margin:0; list-style:none;}
.Showroom .productlist ul { width:100%; height:auto; overflow:hidden;}
.Showroom .productlist li { width:25%; height:auto; overflow:hidden; float:left; margin:0; padding:10px; text-align:center; display:block; position:relative; font-size:13px; line-height:130%; }
/*有左側時*/
.Showroom .PageContent-Right .productlist li { width:33%;}
.Showroom .PageContent-Right .productlist li:nth-of-type(3n+1) { clear:both;}

/*產品列表*/
.Showroom .productlist .img { width:100%; height:220px; text-align:center; overflow:hidden; /* Firefox, Chrome */
	line-height:220px; white-space:nowrap; 	
	/* IE */
	*font-size:160px;	/* height * 0.9 */
 *font-family : Arial;
}
.Showroom .productlist .img a { display:block; width:100%; height:auto; overflow:hidden;}
.Showroom .productlist .img:after { content:"."; font-size:1px; margin-left:-1px; opacity:0; }
.Showroom .productlist .img img { width:100%; vertical-align : middle; max-width:220px; max-height:220px; }
.Showroom .productlist .productname { width:100%; height:60px; overflow:hidden; padding:10px; }
.Showroom .productlist .productname a { color:#595959; width:100%; display:block; height:40px; line-height:20px;overflow:hidden; text-decoration:none; text-align:center;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-word;}
.Showroom .productlist .productname a:hover { color:#787777; }
.Showroom .productlist .productpricecontent { width:100%; height:35px; overflow:hidden; text-align:center;}
.Showroom .productlist .productpricecontent * { text-align:center;}
.Showroom .productlist .productcolor { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:10px;}
.Showroom .productlist .productcolor ul { width:100%; height:auto; overflow:hidden; text-align:center;}
.Showroom .productlist .productcolor ul li { width:16px; height:16px; overflow:hidden; display:inline-block; margin:0 5px; float:none; padding:0;}
.Showroom .productlist .productcolor ul li a { display:block; width:100%; height:auto; overflow:hidden;}
.Showroom .productlist .productcolor ul li img { width:16px; height:16px; display:block; }
.Showroom .productprice { width:100%; height:auto; overflow:hidden; display:inline-block; color:#595959; font-size:14px; }
.Showroom .productsaleprice { width:100%; height:auto; overflow:hidden; display:inline-block; color:#e52d25; font-size:14px; }
.Showroom .productmemberprice { width:100%; height:auto; overflow:hidden; display:inline-block; color:#e52d25; font-size:14px; }

/*產品內頁*/
.Showroom .product-detail-descr { width:100%; height:auto; overflow:hidden; padding-top:40px; }
.Showroom .product-detail-descr ul { width:100%; height:auto; overflow:hidden; padding:0; margin:0; list-style:none;}
.Showroom .product-detail-descr ul li.product-detail-descr-li { float:left; width:97px; margin:0; list-style:none; padding:0 10px 0 0; cursor:pointer; }
.Showroom .product-detail-descr .content { border:1px solid #cdcdcd; padding:20px; text-align:left; min-height:214px; height: auto !important; height: 214px; overflow:hidden; }
.Showroom .product-detail-descr .contentyoutube { text-align:center; background-image:none; }
.Showroom .product-detail-image-left { width:49%; height:auto; overflow:hidden; float:left;}
.Showroom .product-detail-image-right { width:49%; height:auto; overflow:hidden; float:right;}
.Showroom .product-detail-smallimage { width:100%; height:auto; overflow:hidden; float:left; text-align:left; }
.Showroom .product-detail-smallimage * { padding:0; margin:0; list-style:none;}
.Showroom .product-detail-smallimage ul { width:100%; height:auto; overflow:hidden;}
.Showroom .product-detail-smallimage ul li { float:left; width:auto; height:auto; overflow:hidden; margin:3px 0; margin-top:0; width:19%; margin-right:1%;}
.Showroom .product-detail-smallimage ul li div { width:100%; height:auto; overflow:hidden; border:#cdcdcd 1px solid; }
.Showroom .product-detail-smallimage ul li img { width:69px; height:69px; cursor:pointer; display:block; margin:0 auto;}
.Showroom .product-detail-image { width:100%; height:auto; overflow:hidden;}
.Showroom .product-detail-image a { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.Showroom .product-detail-image img { border:#cdcdcd 1px solid; border:none;}
.Showroom .product-detail-content { width:100%; height:auto; overflow:hidden; float:left; font-size:13px; }
.Showroom .product-detail-content td.lefttitle { width:80px; white-space:nowrap; text-align:left; vertical-align:top; color:#393737; padding:3px 15px 3px 0; }
.Showroom .product-detail-content td.qtytitle { padding:6px 15px 3px 0; }
.Showroom .product-detail-content td.data { text-align:left; vertical-align:top; color:#595959; padding:3px 0 3px 0; }
.Showroom .product-detail-content td.data > div { width:100%; height:auto; overflow:hidden;}
.Showroom .product-detail-content td.data > div * { padding:0; text-decoration:none;}
.Showroom .product-detail-content a { text-decoration:none;}
.Showroom .product-detail-productcolor { width:190px; float:left; }
.Showroom .product-detail-productcolor ul { padding:0; margin:0; list-style-type:none; }
.Showroom .product-detail-productcolor ul li { padding:3px 3px 3px 0; float:left; width:auto; height:auto; border:none; margin:0; }
.Showroom .product-detail-productcolor ul li a { width:100%; height:auto; overflow:hidden; display:block;}
.Showroom .product-detail-productcolor ul li a img { max-width:100%; height:auto; display:block;}
.Showroom .productdiscount { width:100%; color:#ff0000; padding:0 0 0 121px; line-height:28px; }

/*加購*/
.Showroom .product-detail-content .AddMorePro { width:100%; height:auto; overflow:hidden;}
.Showroom .product-detail-content .AddMorePro .lefttitle { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; font-weight:bold; font-size:14px;}
.Showroom .product-detail-content .AddMorePro .AddMoreProList { width:100%; height:auto; overflow:hidden; padding:5px; position:relative; padding-left:20px;}
.Showroom .product-detail-content .AddMorePro .AddMoreProList * { padding:0; margin:0; list-style:none;}
.Showroom .product-detail-content .AddMorePro .AddMoreProList:nth-of-type(odd) { background:#eee;}
.Showroom .product-detail-content .AddMorePro .AddMoreProList input[type="checkbox"]{ position:absolute; top:7px; left:5px;}
.Showroom .product-detail-content .AddMorePro .AddMoreProList p { width:100%; height:auto; overflow:hidden; margin-bottom:5px;}
/* 推薦商品 */
.Showroom .product-detail-relateditle { padding-top:35px; width:100%; height:auto; overflow:hidden; margin:0 auto; }
.Showroom .product-detail-relateditle * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Showroom .product-detail-relateditle .title { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:10px; background:#eee;
/*圓角*/
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.Showroom .product-detail-relateditle ul { width:100%; height:auto; overflow:hidden; padding-top:20px;}
.Showroom .product-detail-relateditle li { text-align:center; display:block; float:left; width:25%; margin:0; position:relative; min-height:240px; padding:0 5px; height:auto; overflow:hidden; }
.Showroom .product-detail-relateditle .img { width:100%; height:163px; overflow:hidden; text-align:center; /* Firefox, Chrome */ margin:0 auto;
	line-height:163px; white-space:nowrap; 	
	/* IE */
	*font-size:151px;	/* height * 0.9 */
 *font-family : Arial;
border:#cdcdcd 1px solid; border:0; }
.Showroom .product-detail-relateditle .img a { display:block; width:100%; height:auto; overflow:hidden;}
.Showroom .product-detail-relateditle .img:after { content:"."; font-size:1px; margin-left:-1px; opacity:0; }
.Showroom .product-detail-relateditle .img img { vertical-align : middle; max-width:100%; height:auto; max-height:163px; }
.Showroom .product-detail-relateditle .productname { width:100%; height:60px; overflow:hidden; padding:10px; color:#ee7600;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-word;}
.Showroom .product-detail-relateditle .productname span { width:100%; height:40px; overflow:hidden; display:inline-block;}
.Showroom .product-detail-relateditle .productname a { width:100%; height:auto; overflow:hidden; display:block; color:#000; font-size:90%; }
.Showroom .product-detail-relateditle .pricecontent { width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.Showroom .product-detail-relateditle .pricecontent p { width:100%; height:auto; overflow:hidden; font-size:16px;}
.Showroom .product-detail-relateditle .pricecontent p span.productprice { width:100%; height:auto; line-height:20px; overflow:hidden; margin:0 auto;}

/* 加購商品 */
.Showroom .product-detail-add { padding-top:35px; }
.Showroom .product-detail-add li { text-align:center; display:block; float:left; width:364px; margin:20px 0 20px 20px; position:relative; height:170px; overflow:hidden; }
.Showroom .product-detail-add li.first { margin:20px 0 20px 0; }
.Showroom .product-detail-add .img { float:left; width:168px; height:168px; text-align:left; border:#cdcdcd 1px solid; margin-right:10px; }
.Showroom .product-detail-add .datacontent {
color:color:#ee7600; text-align:left; padding-top:5px; }
.Showroom .product-detail-add .buycheckbox { float:left; width:20px; padding-top:3px; }
.Showroom .product-detail-add .buyinfo { float:left; width:160px; }
/* 搭贈商品 */
.Showroom .product-detail-free { width:100%; height:auto; overflow:hidden; margin:0 auto; padding-top:35px;}
.Showroom .product-detail-free * { padding:0; margin:0; list-style:none;}
.Showroom .product-detail-free .title { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:10px; background:#eee;
/*圓角*/
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.Showroom .product-detail-free ul { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.Showroom .product-detail-free li { text-align:center; display:block; float:left; width:24%; height:auto; overflow:hidden; margin-right:1%; background:#fcd7a1; padding:5px;
/*圓角*/
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.Showroom .product-detail-free .img { width:100%; height:168px; padding:0 5px; text-align:center; background:#fff; /* Firefox, Chrome */
	line-height:168px; white-space:nowrap; 	
	/* IE */
	*font-size:151px;	/* height * 0.9 */
 *font-family : Arial;}
.Showroom .product-detail-free .img:after { content:"."; font-size:1px; margin-left:-1px; opacity:0; }
.Showroom .product-detail-free .img img { vertical-align : middle; }
.Showroom .product-detail-free .productname { width:100%; height:30px; line-height:20px; overflow:hidden; background:#fff; padding:5px;}
.Showroom .product-detail-free .productname a { text-decoration:none; color:#000;}

/* ======== Product End ======== */
/*購物流程*/
.Showroom .ShoppingFlow { width:100%; height:auto; overflow:hidden; margin:20px auto; max-width:500px;}
.Showroom .ShoppingFlow img { display:block; float:left;}
.Showroom .ShoppingFlow img:nth-of-type(even) { margin-top:14px;}

/* 購物車 */
.Showroom .titlewrap { width:100%; height:auto; overflow:hidden; border:1px solid #666666; border-bottom:none; background-color:#ffffff; color:#020202; text-align:left; font-size:16px; font-weight:bold; padding:10px 0 10px 10px; }
.Showroom .shoppingcart-wrapper { border-top:1px solid #666666; border-right:1px solid #666666; table-layout:fixed; width:100%; height:auto; }
.Showroom .shoppingcart-wrappertwo { border-top:none; }
.Showroom .shoppingcart-wrapper td.title { border-bottom:1px solid #666666; border-left:1px solid #666666; background-color:#ffffff; color:#020202; text-align:left; font-size:16px; font-weight:bold; padding:10px 0 10px 10px; }
.Showroom .shoppingcart-wrapper td.title2 { border-bottom:1px solid #666666; border-left:1px solid #666666; background-color:#dddddd; text-align:center; padding:10px 0 10px 0; }
.Showroom .shoppingcart-wrapper td.title3 { border-bottom:1px solid #666666; border-left:1px solid #666666; background-color:#dddddd; text-align:left; padding:5px 0 5px 5px; }
.Showroom .shoppingcart-wrapper td { border-bottom:1px solid #666666; border-left:1px solid #666666; padding:5px; vertical-align:middle; }
.Showroom .shoppingcart-wrapper td .mark-required { color:#F00; font-size:12px;}
.Showroom .shoppingcart-wrapper td .notice { font-size:12px;}
.Showroom .shoppingcart-wrapper a { text-decoration:none;}
.Showroom .shoppingcart-wrapper td:nth-of-type(8n+1) { width:30px;}
.Showroom .shoppingcart-wrapper td:nth-of-type(8n+2) { width:auto;}
.Showroom .shoppingcart-wrapper td:nth-of-type(8n+3) { width:50px;}
.Showroom .shoppingcart-wrapper td:nth-of-type(8n+4) { width:50px;}
.Showroom .shoppingcart-wrapper td:nth-of-type(8n+5) { width:100px;}
.Showroom .shoppingcart-wrapper td:nth-of-type(8n+6) { width:120px;}
.Showroom .shoppingcart-wrapper td:nth-of-type(8n+7) { width:120px;}
.Showroom .shoppingcart-wrapper td:nth-of-type(8n+8) { width:50px;}
.Showroom .shoppingcart-wrapper td.price { text-align:right;}
.Showroom .shoppingcart-wrapper td.amounttd { border-left:none; text-align:right;}
.Showroom .shoppingcart-wrapper td[colspan="6"] { text-align:right;}
.Showroom .shoppingcart-wrapper td.notice { background-color:#FFE8E8; }
.Showroom .shoppingcart-wrapper tr.shoppingcarterr td { background-color:#ffcccc; }
.Showroom .shoppingcart-wrapper img { float:left; margin:0 5px 5px 0;}
.Showroom .shoppingcart-wrapper img#imgCaptcha { float:none; margin:0;}
.Showroom .shoppingcart-wrapper a img { float:none; margin:0;}
.Showroom .shoppingcart-wrapper .cartproductfree { color:#ff6600; font-weight:bold; }
.Showroom .shoppingcart-wrapper .productlist-content td.productnamefree { padding-left:60px; position:relative; text-align:left;}
.Showroom .shoppingcart-wrapper .productlist-content td.productnamefree span { width:40px; height:20px; line-height:20px; background:#c20500; color:#fff; position:absolute; top:5px; left:10px; text-align:center; font-size:12px;
/*圓角*/
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.Showroom .shoppingcart-wrapper .activitymatch, .shoppingcart-wrapper .activitymatch a { color:#c20500; }
.Showroom .shoppingcart-wrapper .activitynotmatch, .shoppingcart-wrapper .activitynotmatch a { color:#F00; font-size:12px; }
.Showroom .shoppingcart-wrapper .productlist-content td { text-align:center;}
.Showroom .shoppingcart-wrapper .productlist-content td.price { text-align:right;}
.Showroom .shoppingcart-wrapper .productlist-content td.product-name { text-align:left;}
.Showroom .formbtn { text-align:center; padding:20px 0 0 0; }

.Shopping_Detail .PageArticle td { font-size:14px;}
.Shopping_Detail .titlewrap { text-align:center; font-weight:normal; font-size:14px; padding:5px;}
.Shopping_Detail .order-wrapper-new { width:100%; height:auto; overflow:hidden; margin:20px auto;}
.Shopping_Detail .order-wrapper-new table { border-top:1px solid #666;}
.Shopping_Detail .order-wrapper-new table td.Title { text-align:center;}
.Shopping_Detail .shoppingcart-wrapper td:nth-of-type(8n+1) { width:120px;}

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

/* 訂單 */
.Showroom .order-wrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; border:4px solid #f6f6f6; }
.Showroom .order-wrapper .notice { color:#ff6600; font-weight:bold; }
.Showroom .order-wrapper table { width:100%; border-top:1px solid #bdbdbd; border-right:1px solid #bdbdbd; border-collapse:collapse; }
.Showroom .order-wrapper td.Title { height:24px; color:#333; font-weight:bold; font-size:13px; padding:5px; /*vertical-align:text-top;*/	
	text-align:center; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; }
.Showroom .order-wrapper td { background-color:#ffffff; color:#555555; padding:10px;border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; text-align:center; }
.ugC_OrdSrhItem .OrdSrhItemSearch { width:100%; height:auto; overflow:hidden; padding:10px; padding-right:35px; position:relative;}
.ugC_OrdSrhItem .OrdSrhItemSearch a { width:25px; height:25px; display:block; position:absolute; top:10px; right:10px;}
.Showroom .order-wrapper td a { text-decoration:none;}
.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+1) { width:150px;}
.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+2) { width:110px;}
.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+3) { width:auto;}
.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+4) { width:150px;}
.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+5) { width:100px;}
.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+6) { width:100px;}
.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+7) { width:auto;}
.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+8) { width:50px;}

.OrdSrhItem_Detail .GoBack { width:90px; height:30px; line-height:30px;}
.OrdSrhItem_Detail .titlewrap {border:4px solid #f6f6f6; border-bottom:none; text-align:center; font-size:13px; font-weight:normal; padding:0;}
.OrdSrhItem_Detail .titlewrap span { display:block; width:100%; height:auto; overflow:hidden;border:1px solid #bdbdbd; border-bottom:none; padding:5px;}
.OrdSrhItem_Detail .order-wrapper { border-top:none;}
.OrdSrhItem_Detail .order-wrapper td.amounttd { border-left:none; text-align:right;}
.OrdSrhItem_Detail .order-wrapper td.Title2 { height:24px; color:#333; font-weight:bold; font-size:13px; padding:5px;
text-align:center; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; background:#ddd;}
.OrdSrhItem_Detail .order-wrapper td.price { text-align:right;}
.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+1) { width:120px;}
.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+2) { width:auto;}
.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+3) { width:50px;}
.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+4) { width:50px;}
.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+5) { width:100px;}
.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+6) { width:120px;}
.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+7) { width:120px;}

.OrdSrhItem_Detail .order-wrapper2 td:nth-of-type(4n+1) { width:15%;}
.OrdSrhItem_Detail .order-wrapper2 td:nth-of-type(4n+2) { width:35%;}
.OrdSrhItem_Detail .order-wrapper2 td:nth-of-type(4n+3) { width:15%;}
.OrdSrhItem_Detail .order-wrapper2 td:nth-of-type(4n+4) { width:35%;}
.OrdSrhItem_Detail .OrdSrhItem_Detail_header { width:100%; height:auto; overflow:hidden; padding:10px; margin:0 auto;}
.OrdSrhItem_Detail .OrdSrhItem_Detail_header span { display:inline-block; width:auto; height:30px; overflow:hidden; float:left; margin:0; margin-right:10px; line-height:30px;}
.OrdSrhItem_Detail .OrdSrhItem_Detail_header a { margin:0; float:left;}

.Showroom tr.odd_order-wrapper td { background-color:#ffffff; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; }
.Showroom tr.even_order-wrapper td { background-color:#f9f9f9; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; }
.Showroom tr.over_order-wrapper td { background-color:#ffffcc; color:#ff0000; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; }

/* 訂單查詢表單 */
.Showroom .ordsrhformtitle { text-align:center; width:100%; height:auto; overflow:hidden; padding:10px 0px; color:#ff6600; }
.Showroom .ordsrhform { width:100%; height:auto; overflow:hidden; max-width:470px; border:1px solid #ccc; margin:0 auto; padding:20px;
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.Showroom .ordsrhform * { padding:0; margin:0; list-style:none;}
.Showroom .ordsrhform ul { padding:0; margin:0; list-style:none; width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:10px;}
.Showroom .ordsrhform ul * { padding:0; margin:0; list-style:none;}
.Showroom .ordsrhform ul li { width:100%; height:auto; overflow:hidden; position:relative; padding-left:90px; margin:10px 0;}
.Showroom .ordsrhform ul li h3 { width:90px; height:30px; line-height:30px; font-weight:normal; text-align:left; position:absolute; top:0; left:0; font-size:16px;}
.Showroom .ordsrhform ul li .ordsrhform_box { width:100%; height:auto; overflow:hidden; float:left;}
.Showroom .ordsrhform ul li .ordsrhform_box input { width:100%; height:30px; line-height:28px; padding:0 5px; border:1px solid #ccc; outline:none;}

/* ======== 任選 Start ======== */
.Showroom .any_display { padding:0; margin:0; list-style:none;}
.Showroom .any_display * { padding:0; margin:0; list-style:none; text-decoration:none; text-align:center;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-word;}
.Showroom .any_display { padding:0 0 0 0; margin:10px 0 0 0; overflow:hidden; _padding-top:35px; font-size:11px; }
.Showroom .any_display li { width:24%; height:auto; height:340px; overflow:hidden; padding:10px; margin:0 1% 10px 0; text-align:center; float:left;border:1px solid #cdcdcd; position: relative;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.Showroom .any_display li:nth-of-type(4n+1) { clear:both;}
.Showroom li.any_checked_display { border:1px solid #a9a9aa; background-color:#eaeaea; }
.Showroom .any_display .img { width:100%; height:150px; text-align:center; overflow:hidden; /* Firefox, Chrome */
	line-height:150px; white-space:nowrap; 	
	/* IE */
	*font-size:135px;	/* height * 0.9 */
 *font-family : Arial;
}
.Showroom .any_display .img:after { content:"."; font-size:1px; margin-left:-1px; opacity:0; }
.Showroom .any_display .img img { vertical-align : middle; }
.Showroom .any_display li h3 { width:100%; height:auto; overflow:hidden; padding:10px 0;}
.Showroom .any_display li h3 a { width:100%; display:block; overflow:hidden; height:36px;}
.Showroom .any_display li .productprice { color:#333; display:inline; width:auto;}
.Showroom .any_display li .productsaleprice { display:inline; width:auto;}
.Showroom .any_display .showspec { width:100%; height:auto; overflow:hidden; padding:5px; margin:0 auto;}
.Showroom .any_display .showbuy { width:100%; height:auto; overflow:hidden; padding:5px; margin:0 auto;}
.Showroom .any_display_qty { font-size:16px; color:#ff0000; font-weight:bold; }
.Showroom .any_display_btn_wrap { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Showroom .any_display_btn_buy a { text-decoration:none; display:block; width:100px; height:100px; line-height:20px; padding:20px 0; overflow:hidden; background:#c20500; color:#fff; position:fixed; bottom:10px; right:10px; text-align:center; font-size:14px;
/*圓角*/
-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.Showroom .any_display_btn_buy a i { font-size:40px;}
.Showroom .any_display_btn_buy a:hover { background-position:100% -28px; }
.Showroom .any_display_btn_notbuy a { text-decoration:none; color:#ff0000; cursor:text;
 display:block; width:100%; height:auto; padding:10px 0; overflow:hidden; background:#c20500; color:#fff; text-align:center; font-size:14px;
/*圓角*/
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

/* ======== 任選 End ======== */
.Showroom .BTN_Back { width:36px; height:36px; background:url(../Images/Layout/UI/Showroom/BTN_Back.png) no-repeat left; display:block; float:right; line-height:36px; text-align:right; font-size:16px; font-weight:normal; }
.Showroom .BTN_Back:hover { background:url(../Images/Layout/UI/Showroom/BTN_Back_o.png) no-repeat; color:#fff67f; text-decoration:none; }

/*2014.9.23修改 Ruru*/
.Showroom .formbtn { width:200px; margin:0 auto; }

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

.Showroom .product-detail-content a.ShoppingList:hover { /*背景漸層*/
background: #bf3200; background: -moz-linear-gradient(top, #bf3200 0%, #e54830 50%, #bf3200 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf3200), color-stop(50%, #e54830), color-stop(100%, #bf3200)); background: -webkit-linear-gradient(top, #bf3200 0%, #e54830 50%, #bf3200 100%); background: -o-linear-gradient(top, #bf3200 0%, #e54830 50%, #bf3200 100%); background: -ms-linear-gradient(top, #bf3200 0%, #e54830 50%, #bf3200 100%); }

/*--追蹤清單--*/
.Showroom .product-detail-content a.TrackList { width:120px; height:30px; line-height:30px; display:block; text-align:center; color:#FFF; border:1px solid #2aa22a; float:left; margin:5px 0; /*圓角*/
-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%);}

.Showroom .product-detail-content a.TrackList: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%); }

/*--到貨通知--*/
.Showroom .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%); }

.Showroom .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%); }
/*================================================ 產品END ================================================*/

/*檔案下載列表
------------------------*/
.PageDownload{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 0;}
.PageDownload * { padding:0; margin:0; list-style:none;}
.PageDownload li { width:100%; height:auto; overflow:hidden; padding:15px; border:#999 1px dotted;  margin:5px 0; float:left;font-size:18px; line-height:1.5em;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.PageDownload li p {  margin-bottom:15px;}
.PageDownload li a { display:block; text-decoration:none; color:#bf5a00; }
.PageDownload li a:hover { color:#dba778; }


/*常見問題
------------------------*/
.PageFAQ { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.PageFAQ ul, .PageFAQ li { padding:0; margin:0; list-style:none;}
.PageFAQ ul { width:100%; height:auto; overflow:hidden;}
.PageFAQ li { width:100%; height:auto; overflow:hidden; border-bottom:#999 1px dotted;}
.PageFAQ li .SliderDiv { width:100%; height:auto; overflow:hidden;}
.PageFAQ li .SliderDiv *{ padding:0; margin:0;}
.PageFAQ li .SliderDiv a { display:block; width:100%; height:auto; overflow:hidden; padding:20px; text-decoration:none; position:relative; padding-left:60px;}
.PageFAQ li .SliderDiv a:link { color:#333;}
.PageFAQ li .SliderDiv a:visited { color:#333;}
.PageFAQ li .SliderDiv a:hover { color:#008cd6;}
.PageFAQ li .SliderDiv a:active { color:#008cd6;}
.PageFAQ li .SliderDiv a strong { width:30px; height:30px; line-height:30px; text-align:center; position:absolute; top:20px; left:20px;}
.PageFAQ li .SliderDiv a h1 { width:100%; height:auto; overflow:hidden; font-weight:normal; font-size:16px; line-height:30px;}
.PageFAQ li .DivA { width:100%; height:auto; overflow:hidden; padding:0px; position:relative; padding-left:60px; margin-bottom:20px; background:#eee;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.PageFAQ li .DivA .DivATitle { width:30px; height:30px; line-height:30px; text-align:center; position:absolute; top:20px; left:20px; font-weight:normal;}
.PageFAQ li .DivA .PageAnswer { width:100%; height:auto; overflow:hidden; padding:20px 0; line-height:30px;}
.PageFAQ li .DivA .PageAnswer .PageAnswerIcon { width:100%; height:auto; overflow:hidden; margin:10px 0;}
.PageFAQ li .DivA .PageAnswer .PageAnswerIcon a { display:block; float:left;}
.PageFAQ li .DivA .PageAnswer .PageAnswerIcon a img { max-width:100%; height:auto; float:left;}

/*文章報報列表
------------------------*/
.DiaryWrap { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.DiaryWrap .DiaryList { width:100%; height:auto; overflow:hidden; float:left; margin:0 auto; margin:10px 0; border:1px solid #ccc; padding:20px; position:relative; padding-left:130px;
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.DiaryWrap .DiaryList .DiaryPhoto { width:100%; max-width:90px; height:auto; overflow:hidden; float:left; position:absolute; top:20px; left:20px;}
.DiaryWrap .DiaryList .DiaryPhoto img { max-width:100%; height:auto; float:left;}
.DiaryWrap .DiaryList .DiaryTitle { width:100%; height:auto; overflow:hidden; padding:0; margin:0; color:#075F8D; font-size:24px; font-weight:normal;}
.DiaryWrap .DiaryList .DiaryTitle .Date { margin-right:10px;}
.DiaryWrap .DiaryList .DiaryText { width:100%; height:auto; overflow:hidden; margin:10px 0; line-height:1.5em;}
.DiaryWrap .DiaryList .More { width:100%; height:auto; overflow:hidden; display:inline-block; margin-bottom:20px; text-align:right;}
.DiaryWrap .DiaryList .DiaryReplyInfo { width:100%; height:auto; overflow:hidden; text-align:right; color:#FF6600;}
.DiaryWrap .DiaryList .DiaryReplyInfo span { margin-right:10px;}
.DiaryWrap .DiaryContentWrap { width:100%; height:auto; min-height:150px; overflow:hidden; float:left; margin:0 auto; margin:10px 0; border:1px solid #ccc; padding:20px; position:relative; padding-left:190px;
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.DiaryWrap .DiaryContentWrap .DiaryPhotoWrap { width:100%; max-width:150px; height:auto; overflow:hidden; position:absolute; top:20px; left:20px;}
.DiaryWrap .DiaryContentWrap .DiaryPhotoWrap .DiaryPhoto { width:100%; max-width:90px; height:auto; overflow:hidden; float:left; margin-bottom:5px;}
.DiaryWrap .DiaryContentWrap .DiaryPhotoWrap .DiaryPhoto img { max-width:100%; height:auto; float:left;}
.DiaryWrap .DiaryContentWrap .DiaryPhotoWrap p { width:100%; height:auto; overflow:hidden; padding:0; margin:5px 0; color:#FF6600;}
.DiaryWrap .DiaryContentWrap .DiaryContent { width:100%; height:auto; overflow:hidden;}
.DiaryWrap .DiaryContentWrap .DiaryContent .DiaryTitle { width:100%; height:auto; overflow:hidden; padding:0; margin:0; color:#075F8D; font-size:24px; font-weight:normal;}
/*我要回覆*/
.DiaryWrap .PageDiary { width:100%; height:auto; overflow:hidden; margin:10px 0; border:1px solid #ccc; padding:20px;
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.DiaryWrap .PageDiary h1 { width:100%; height:auto; overflow:hidden; font-size:16px; text-align:center; font-weight:normal; padding:0; margin:0; margin-bottom:10px; background:#eee; padding:10px;
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.DiaryWrap .PageDiary .PageDiaryBox { width:100%; height:auto; overflow:hidden; margin:0 auto; padding-left:90px; position:relative;}
.DiaryWrap .PageDiary .PageDiaryBox > span { display:inline-block; width:100%; height:auto; padding:5px; overflow:hidden;}
.DiaryWrap .PageDiary .PageDiaryBox > span.tdLTitle { position:absolute; top:0; left:0; width:90px; height:37px; line-height:37px; padding:0;}
.DiaryWrap .PageDiary .PageDiaryBox input { max-width:100%;}
.DiaryWrap .PageDiary .Center { text-align:center;}

/*會員登入
------------------------*/
/*許多單元都有會員登入*/
.memberlogin { width:100%; height:auto; overflow:hidden; max-width:470px; border:1px solid #ccc; margin:0 auto; padding:20px;
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.memberlogin ul { padding:0; margin:0; list-style:none; width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:10px;}
.memberlogin ul * { padding:0; margin:0; list-style:none;}
.memberlogin ul li { width:100%; height:auto; overflow:hidden; position:relative; padding-left:90px; margin:10px 0;}
.memberlogin ul li h3 { width:90px; height:30px; line-height:30px; font-weight:normal; text-align:left; position:absolute; top:0; left:0; font-size:16px;}
.memberlogin ul li .memberlogin_box { width:100%; height:auto; overflow:hidden; float:left;}
.memberlogin ul li .memberlogin_box input { width:100%; height:30px; line-height:28px; padding:0 5px; border:1px solid #ccc; outline:none;}
.memberlogin ul li .memberlogin_box input#txtLoginCaptchacode { max-width:60px; float:left;}
.memberlogin ul li .memberlogin_box .Captcha { width:100%; max-width:78px; height:auto; overflow:hidden; padding:2.5px 0; display:block; float:left; margin-left:5px;}
.memberlogin ul li .memberlogin_box .Captcha img { max-width:100%; height:auto;}
.memberlogin ul li .memberlogin_box a { width:100%; max-width:80px; height:30px; line-height:30px; display:block; float:left; margin-left:5px; text-decoration:none;}
.memberlogin p { text-align:center;}
.memberlogin .memberloginbtn_Two .Twitter-SignOut-tw { width:61px; height:22px; overflow:hidden; display:block; background:url(../Images/Layout/SocialNetwork/Twitter-SignOut-tw.gif) 0 0 no-repeat; float:right; text-indent:-9999px;}
.memberlogin .memberloginbtn_Two .Twitter-SignOut-tw:hover { background:url(../Images/Layout/SocialNetwork/Twitter-SignOut-tw_o.gif) 0 0 no-repeat; float:right;}

.Member p.Center { width:100%; height:auto; overflow:hidden; padding:0; margin:15px auto; text-align:center;}
.Member .MemberFlow { width:100%; max-width:570px; height:auto; overflow:hidden; margin:0 auto; margin-bottom:30px;}
.Member .MemberFlow img { display:block; float:left; max-width:33.3%;}

.Member .MemberRegulation { width:100%; max-width:1024px; height:24px; line-height:24px; overflow:hidden; margin:0 auto; color:#ff0000; text-align:center;}
.Member .MemberRegulation input { margin-top:5.5px;}
/* 會員表單 */
.Member .memberform { width:100%; padding:20px; border:1px solid #ccc; overflow:hidden; line-height:24px;}
.Member .memberform * { padding:0; margin:0; list-style:none;}
.Member .memberform ul li{ width:100%; height:auto; overflow:hidden; border-bottom:1px dotted #eee; position:relative; padding-left:120px;}
.Member .memberform ul li:nth-child(odd){ background:#f6f5f5;}
.Member .memberform ul li h3 { height:40px; line-height:40px; width:120px; overflow:hidden; font-weight:normal; position:absolute; left:10px; top:0; font-size:16px;}
.Member .memberform ul li .memberformBox { width:100%; height:auto; overflow:hidden; padding:0 10px;}
.Member .memberform ul li .memberformBox * { float:left; max-width:100%; margin:8px 0;}
.Member .memberform ul li .memberformBox input[type="radio"] { margin:8px 5px;}
.Member .memberform ul li .memberformBox input[type="text"] { margin-right:10px; padding:0 5px;}
.Member .memberform ul li .memberformBox span { margin:8px 5px;}
.Member .memberform ul li .memberformBox span * { margin:0;}
.Member .memberform ul li .memberformBox span input[type="text"] { margin-right:0;}
.Member .memberform ul li .memberformBox select { height:24px; line-height:24px;}
.Member .memberform ul li input { display: inline; margin:0; height:24px; line-height:24px;}
.Member .TrackView tr:first-of-type { background:#eee;}
.Member .TrackView tr:first-of-type td { height:40px; line-height:40px;}
.Member .TrackView td { padding:10px;}

/*友站連結
------------------------*/
.PageLink{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.PageLink > ul { padding:0; margin:0; list-style:none; width:100%; height:auto; overflow:hidden;}
.PageLink li.PageLinkLi { list-style:none; width:100%; height:auto; overflow:hidden; padding:15px; border-top:#c6c6c6 1px dotted; font-size:16px; margin:5px 0; float:left; position:relative; padding-left:165px;}
.PageLink li.PageLinkLi:nth-child(1) { border:none; }
.PageLink li.PageLinkLi .Photo { width:150px; height:150px; overflow:hidden; position:absolute; top:15px; left:15px; border:1px solid #ccc;}
.PageLink li.PageLinkLi .Photo table { table-layout:fixed; height:150px;}
.PageLink li.PageLinkLi .Photo table td { vertical-align:middle; text-align:center;}
.PageLink li.PageLinkLi .Photo img { width:100%; height:auto;}
.PageLink li.PageLinkLi .Content { width:100%; height:auto; overflow:hidden; min-height:150px; padding:10px;}
.PageLink li.PageLinkLi .Content .LinkTitle { font-size:20px; color:#666; display:block; text-decoration:none;transition: all .3s;}
.PageLink li.PageLinkLi .Content .LinkTitle:hover { color:#f18c3a;}
.PageLink li.PageLinkLi .Content .Des { width:100%; height:auto; overflow:hidden; word-wrap:break-word;word-break:break-word; }


/*電子投票
------------------------*/
.Vote table.BasicTable td:nth-of-type(4n+1) { text-align:left;}
.Vote table.BasicTable tr:first-of-type td:nth-of-type(4n+1) { text-align:center;}
.Vote table.BasicTable .VoteTableTitle { cursor:pointer;}
.Vote table.BasicTable tr.VoteItemTitle_over { background:#FF9;}
/*電子投票內頁*/
.Vote .VoteItem_Detail_Des { width:100%; height:auto; overflow:hidden; margin:0 auto; border:#BFBFBF 1px dotted;background:#FFFFF5; padding:15px;}
.Vote .VoteItem_Detail_Des h2.TitleFont { width:100%; height:auto; overflow:hidden; font-weight:normal; padding:0;}
.Vote .VoteItem_Detail_Des p.SmallFont { width:100%; height:auto; overflow:hidden; padding:0;}
.Vote .VoteItem_Detail_Des p.SmallFont span {color:#FF6600; margin-right:10px;}
.Vote .VoteItem_Detail_Des .VoteItem_Detail_Con {width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Vote .VoteItem_Detail_Table tr td:nth-of-type(4n+1) { width:70px; text-align:center;}
.Vote .VoteItem_Detail_Table tr td:nth-of-type(4n+1) .VoteItem_Detail_Con { text-align:left;}
.Vote .VoteItem_Detail_Table tr td:nth-of-type(4n+2) { text-align:left;}
.Vote .VoteItem_Detail_Table tr:first-of-type td:nth-of-type(4n+2) { text-align:center;}
.Vote .VoteItem_Detail_Table tr td:nth-of-type(4n+3) { width:90px;}
.Vote .VoteItem_Detail_Table tr td:nth-of-type(4n+4) { text-align:left; width:230px;}
.Vote .VoteItem_Detail_Table tr:first-of-type td:nth-of-type(4n+4) { text-align:center;}
.Vote .VoteItem_Detail_Table .VoteItem_Detail_Con { width:100%; height:auto; overflow:hidden; margin:5px 0;}
.Vote .VoteItem_Detail_Table .VoteItem_Detail_Con * { font-size:12px; padding:0; margin:0; line-height:1.5em; color:#555;}
.Vote .VoteItem_Detail_Notice { width:100%; height:auto; overflow:hidden; padding:15px; margin:15px auto; background:#fff67f; border:1px solid #fabe00;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

/*交流園地
------------------------*/
.Forum table.ForumTable td:nth-of-type(4n+1){ text-align:left;}
.Forum table.ForumTable td:nth-of-type(4n+4){ text-align:left;}
.Forum table.ForumTable tr:first-of-type td:nth-of-type(4n+1){ text-align:center;}
.Forum table.ForumTable tr:first-of-type td:nth-of-type(4n+4){ text-align:center;}
.Forum table.ForumTable .ForumPhoto { width:100%; max-width:110px; height:auto; overflow:hidden; margin:5px; float:left;}
.Forum table.ForumTable .ForumCatName { width:100%; height:auto; overflow:hidden; font-size:16px; font-weight:normal;}
.Forum table.ForumTable .ForumDescr { width:100%; height:auto; overflow:hidden; color:#555; font-size:12px;}
.Forum table.ForumTable .ForumDescr * { padding:0; margin:0;}
.Forum table.ForumTable .ForumTableBox { width:100%; height:auto; overflow:hidden; float:left;}
.Forum table.ForumTable tr.ForumTitle_over { background:#FF9; cursor:pointer;}
.Forum table.ForumItemTable tr.over_TableForum { background:#FF9; cursor:pointer;}
.Forum table.ForumItemTable tr:first-of-type { background:#333; cursor:default;}
.Forum .ForumSearch { width:100%; max-width:350px; height:auto; overflow:hidden; margin:0 auto;}
.Forum .ForumSearch * { float:left; margin:5px;}
.Forum .ForumItem_Detail_Wrap { width:100%; height:auto; overflow:hidden; margin:0 auto; border:1px solid #ccc; margin-bottom:15px;}
.Forum .ForumItem_Detail_Wrap .ForumItem_Detail_Title { width:100%; height:auto; overflow:hidden; padding:15px; margin:0; font-weight:normal; background:#075F8D; background:#333; color:#fff;}
.Forum .ForumItem_Detail_Wrap .ForumItem_Detail_Info { width:100%; height:auto; overflow:hidden; padding:15px; margin:0; border-bottom:1px dashed #ccc;}
.Forum .ForumItem_Detail_Wrap .ForumItem_Detail_Cont { width:100%; height:auto; overflow:hidden; padding:15px; margin:0;}
.Forum .ForumFormH2 { width:100%; height:44px; line-height:44px; overflow:hidden; padding:0; margin:0; text-align:center; background:#333; color:#fff; font-size:16px; font-weight:normal;}
.Forum .ForumFormWrap { width:100%; height:auto; overflow:hidden; margin:0 auto; border:1px solid #ccc; margin-bottom:15px;}
.Forum .ForumFormWrap .ForumFormBox { width:100%; height:auto; overflow:hidden; position:relative; padding-left:120px;}
.Forum .ForumFormWrap .ForumFormBox:nth-of-type(even) { background:#eee;}
.Forum .ForumFormWrap .ForumFormBox .ForumFormBox-L { position:absolute; width:100px; height:44px; overflow:hidden; line-height:44px; top:0; left:0; text-align:right;}
.Forum .ForumFormWrap .ForumFormBox .ForumFormBox-R { width:100%; height:auto; overflow:hidden; min-height:44px; padding:10px;}
.Forum .ForumFormWrap .ForumFormBox .ForumFormBox-R input { width:100%; max-width:350px; height:24px; overflow:hidden; line-height:24px; padding:0 5px;}
.Forum .ForumFormWrap .ForumFormBox .ForumFormBox-R * { max-width:100%;}
.Forum p.Center { width:100%; height:auto; overflow:hidden; padding:0; margin:0; text-align:center;}

/*問卷調查
------------------------*/
.Survey .SurveyTable td { padding:10px; text-align:center;}
.Survey .SurveyTable td:first-of-type { text-align:left;}
.Survey .SurveyTable tr:first-of-type td { color:#fff;}
.Survey .SurveyTable tr:first-of-type td:first-of-type { text-align:center;}
.Survey .SurveyTable img { cursor:pointer;}
.Survey .Survey_Detail { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Survey .Survey_Detail .Survey_Detail_Box { width:100%; height:auto; overflow:hidden; padding:10px; border:1px solid #2673B9; background:#F2F7FA; margin-bottom:15px;}
.Survey .Survey_Detail .Survey_Detail_Box > table { background:#fff;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_Wrap { width:100%; height:auto; overflow:hidden; background:#fff; padding:10px; margin:0 auto;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_Wrap .TitleFont { width:100%; height:auto; overflow:hidden; font-size:16px; font-weight:normal; border-bottom:1px dotted #ccc; padding:10px; text-align:center;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_Wrap .TitleFont_P { width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center; color:#FF6600; padding:0; text-align:center;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_Wrap .TitleFont_P span { margin-right:10px;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_Wrap .TitleFont_P span:last-of-type { margin-right:0;}
.Survey .Survey_Detail p.Center { text-align:center;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_WrapB { width:100%; height:auto; overflow:hidden; position:relative; padding-left:60px; border-bottom:1px dashed #2673B9; background:#E8F3F9;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_WrapB .No { width:50px; height:auto; overflow:hidden; position:absolute; top:5px; left:5px;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_WrapB .Text { width:100%; height:auto; overflow:hidden; padding:10px;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_WrapW { width:100%; height:auto; overflow:hidden; padding-left:60px; background:#fff;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_WrapW .Survey_View_Table td { padding:10px;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_WrapW .Survey_View_Table td:nth-of-type(3n+2) { text-align:center;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_WrapW .Survey_View_Table tr:first-of-type td:nth-of-type(3n+2) { text-align:center;}
.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_WrapW .Survey_View_Table tr:first-of-type td:nth-of-type(3n+3) { text-align:center;}

/*線上諮詢
------------------------*/
.Inquiry .Contactform { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:15px; border:1px solid #ccc; padding:15px;}
.Inquiry .Contactform * { padding:0; margin:0; list-style:none;}
.Inquiry .Contactform ul { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:15px;}
.Inquiry .Contactform ul li { width:100%; height:auto; overflow:hidden; padding:5px; padding-left:120px; position:relative;}
.Inquiry .Contactform ul li:nth-of-type(even) { background:#eee;}
.Inquiry .Contactform ul li h3 { width:100px; height:auto; overflow:hidden; font-weight:normal; position:absolute; top:10px; left:10px; font-size:16px;}
.Inquiry .Contactform ul li h3 label { width:100%; height:auto; overflow:hidden;}
.Inquiry .Contactform ul li .ContactformBox { width:100%; height:auto; overflow:hidden; float:left; padding:5px;}
.Inquiry .Contactform ul li .ContactformBox * { max-width:100%; float:left; text-decoration:none;}
.Inquiry .Contactform ul li .ContactformBox input { padding:5px; height:24px; line-height:24px;}
.Inquiry .Contactform ul li .ContactformBox textarea { padding:5px;}
.Inquiry .Contactform ul li .ContactformBox span { margin-right:10px; display:block; width:auto; height:24px; line-height:24px; overflow:hidden;}
.Inquiry .Contactform ul li .ContactformBox span #txtCaptchacode { max-width:100px;}
.Inquiry p.Center { width:100%; height:auto; overflow:hidden; padding:0; margin:0; text-align:center;}

/*經營團隊
------------------------*/
.People .PContentWrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; background:#eee; margin-bottom:50px;}
.People .PContent { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:10px;}
.People .Name { width:100%; height:60px; padding:10px 15px; line-height:60px; background:#0099FF; overflow:hidden; margin:0 auto; text-align:left; color:#fff; position:relative; padding-right:60px;}
.People .Name a, .People .Name h2 { width:100%; height:40px; line-height:40px; overflow:hidden; display:block; float:left; font-size:16px; font-weight:normal; margin:0; padding:0;}
.People .Name a.More { float:right; width:40px; height:40px; position:absolute; top:10px; right:10px;}
.People .Name a.More img { max-width:100%; height:auto;}
.People .PContent_L { width:30%; height:auto; float:left; overflow:hidden;}
.People .PContent_L .Photo { width:100%; height:auto; overflow:hidden; display:block;}
.People .PContent_L .Photo img { max-width:100%; height:auto;}
.People .PContent_R { width:68.5%; height:auto; float:right; overflow:hidden;}
.People .PContent_R table { background:#f5f4f4;}
.People .PContent_R table th { width:20%; text-align:center; background:#e8e8e8; color:#333; border:1px solid #fff;}
.People .PContent_R table td { width:80%; padding:10px; text-align:left;}
.People .PContent_R table td p{ margin:0;}
.People .PContent_R table td  h3.r{ margin:0;}


/*影片分享
------------------------*/
/*  使用影片  */
.Media .Media-videos {	width: 23%;	height:auto; float: left; overflow:hidden; margin:15px 0; margin-right:2%; position: relative;}
.Media .Media-videos .Media-videos-play-btn{ width:48px; height:48px; position: absolute; top:50%; margin-top:-24px; left:50%; margin-left:-24px; }
.Media .Media-videos .video-title { width:100%; height:40px; line-height:40px; color: #fff; background: #333; margin: 0 !important; display: block;	border-bottom: 1px solid #fff; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align:center;}
.Media .Media-videos a { display:block; width:100%; height:auto; overflow:hidden;}
.Media .Media-videos a img { width:100%}
.Media .Media-videos p { width:100%; height:24px; line-height:24px; text-align:center; margin:0; font-size:14px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.Media .Media_Detail { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.MediaTitle { width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;font-size:16px; color:#005cd0; font-weight:normal; padding:10px;}
.MediaIframe { width:100%; height:auto; overflow:hidden;}
.MediaIframe iframe { width:100%;}
.MediaSocial { width:100%; height:auto; overflow:hidden; padding:10px;}
.MediaSocial > div { display:block; width:auto; height:20px; overflow:hidden; margin-right:10px; float:left;}
.MediaSocial > div.MediaText { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:10px 0; font-size:16px;}
.Media .PageMedia .Media-videos { width: 48%;}

/*相簿
------------------------*/
.css_AlbumFrame { width:24%; height:auto; overflow:hidden; float:left; margin-right:1%; margin-bottom:10px;}
.css_AlbumFrameImage{ width:100%; height:235px; overflow:hidden; border:1px solid #ccc; padding:10px;}
.css_AlbumFrameImage table { table-layout:fixed; width:100%;}
.css_AlbumFrameImage table td { vertical-align:middle; width:100%; height:215px;}
.css_AlbumFrameImage table td a { width:100%; height:auto; overflow:hidden; display:inline-block;}
.css_AlbumFrameImage table td a img { max-width:100%; display:block; height:auto; margin:0 auto; max-height:200px;}
.css_AlbumFrameTitle{ width:100%; height:60px; overflow:hidden; text-align:center; padding:6px;}
.css_AlbumFrameTitle a { color:#000; line-height:24px; text-decoration:none;}

.css_AlbumPhotoFrame { width:24%; height:auto; overflow:hidden; float:left; margin-right:1%; margin-bottom:10px;}
.css_AlbumPhotoFrameImage{ width:100%; height:235px; overflow:hidden; border:1px solid #ccc; padding:10px;}
.css_AlbumPhotoFrameImage table { table-layout:fixed; width:100%;}
.css_AlbumPhotoFrameImage table td { vertical-align:middle; width:100%; height:215px;}
.css_AlbumPhotoFrameImage table td a { width:100%; height:auto; overflow:hidden; display:inline-block;}
.css_AlbumPhotoFrameImage table td a img { max-width:100%; display:block; height:auto; margin:0 auto; max-height:200px;}
.css_AlbumPhotoFrameTitle{ width:100%; height:60px; overflow:hidden; text-align:center; padding:6px;}
.css_AlbumPhotoFrameTitle a { color:#000; line-height:24px; text-decoration:none;}
/*左側時*/
.PageContent-Right .css_AlbumFrame { width:49%;}
.PageContent-Right .css_AlbumPhotoFrame { width:49%;}
/*相簿頁*/
.AlbumPhotoListWrap { width:100%; height:auto; overflow:hidden;}
.AlbumPhotoList { width:100%; height:auto; overflow:hidden; padding:5px;}

/*針對Album07*/
.AlbumPhotoListTitle { width:100%; height:auto; overflow:hidden; background:#eee; padding:10px; margin-bottom:20px;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.AlbumPhotoListTitle a{color: #888 ;text-decoration: none;outline: none; /* for Firefox Google Chrome  */ behavior:expression(this.onFocus=this.blur()); /* for IE */}
.AlbumPhotoListTitle a:hover{color:#dd1641;text-decoration:underline;}
.AlbumPhotoListTitle a img{border: none;}
.AlbumPhotoListTitle .BTN_Pre {width:90px; height:36px; background:url(../Images/Layout/UI/Album/BTN_Pre.png) no-repeat left; display:block; float:right; line-height:36px; text-align:right; font-size:16px; font-weight:normal; margin-left:5px;}
.AlbumPhotoListTitle .BTN_Pre:hover {background:url(../Images/Layout/UI/Album/BTN_Pre_o.png) no-repeat; color:#f28b1d; text-decoration:none;}
.AlbumPhotoListTitle .Back {background:url(../Images/Layout/UI/Album/BTN_Back.png) no-repeat left;}
.AlbumPhotoListTitle .Back:hover {background:url(../Images/Layout/UI/Album/BTN_Back_o.png) no-repeat;}
.AlbumPhotoListTitle .Next {background:url(../Images/Layout/UI/Album/BTN_Next.png) no-repeat left;}
.AlbumPhotoListTitle .Next:hover {background:url(../Images/Layout/UI/Album/BTN_Next_o.png) no-repeat;}

/*相簿內頁*/
.AlbumPhotoUIWrap { width:100%; height:auto; overflow:hidden;}
.AlbumPhotoUIWrap .AlbumPhotoUI { margin-right:5px; width:25px; height:25px; overflow:hidden; float:left;}
.AlbumPhotoUIWrap .AlbumPhotoUI a { width:25px; height:25px; display:block; overflow:hidden; float:left;}
.AlbumPhotoUIWrap #tdPlay { margin-right:5px; width:25px; height:25px; overflow:hidden; float:left;}
.AlbumPhotoUIWrap #tdPlay a { width:25px; height:25px; display:block; overflow:hidden; float:left;}
.AlbumPhotoUIWrap .AlbumPhotoInfo { margin-right:5px; width:125px; height:25px; line-height:25px; overflow:hidden; float:left; text-align:center;}
.AlbumPhotoUIWrap .AlbumPhotoPage { width:100px; height:auto; overflow:hidden; float:right; text-align:right;}
.AlbumPhotoWrap { width:100%; height:auto; overflow:hidden;}
.AlbumPhotoWrap #txtAlbumSubject { width:100%; height:auto; overflow:hidden; line-height:24px; padding:10px; text-align:center; font-weight:normal; margin:15px auto; text-align:center;}
.AlbumPhotoWrap .AlbumImgBtn { width:100%; height:auto; overflow:hidden; margin:15px auto; padding:10px;}
.AlbumPhotoWrap .AlbumImgBtn a { width:80px; height:40px; line-height:40px; text-align:center; display:block; float:left; text-decoration:none; border:1px solid #0099FF;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.AlbumPhotoWrap .AlbumImgBtn a:hover, .AlbumImgBtn a:focus, .AlbumImgBtn a:active { color:#fff; background:#0099FF;}
.AlbumPhotoWrap .AlbumImgBtn a:nth-of-type(2) { float:right;}
.AlbumPhotoWrap .divShowImg { width:100%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:100px;}
.AlbumPhotoWrap .divShowImg img { max-width:100%; height:auto; float:none; display:block; margin:0 auto;
/*倒影*/
-webkit-box-reflect: below -2px -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 80%,rgba(250,250,250,0.2)) ;
box-reflect: below -2px -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 80%,rgba(250,250,250,0.2));}
.AlbumPhotoWrap .txtAlbumDescr { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:10px;}

/*Album09*/
.Album09Wrap { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Album09Wrap .DateHeader { width:100%; height:auto; overflow:hidden; min-height:82px; position:relative; padding-left:73px;}
.Album09Wrap .DateBoxWrap { width:73px; height:82px; overflow:hidden; position:absolute; top:0; left:0;}
.Album09Wrap .DateBox { width:73px; height:82px; padding:10px 0; overflow:hidden; text-align:center; color:#fff; float:left; font-family:Arial, Helvetica, sans-serif; background:#333; position:relative;
/*圓角*/
-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);}
.Album09Wrap .DateBox:after { content:''; width:63px; height:72px; border:1px dashed #999; position:absolute; top:5px; left:5px; display:block;
/*圓角*/
-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
/*陰影*/
-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);}
.Album09Wrap .DateBox .Month { width:100%; height:21px; line-height:21px; overflow:hidden; font-size:16px; }
.Album09Wrap .DateBox .Date { font-family:"Arial Black", Gadget, sans-serif; font-size:28px; margin:0; height:23px; line-height:23px; width:100%; overflow:hidden; }
.Album09Wrap .DateBox .Year { font-size:15px; }
.Album09Wrap .DateName { width:100%; height:auto; min-height:82px; overflow:hidden; float:left; text-align:center; padding:10px;}
.Album09Wrap .DateName h1 { width:100%; height:auto; overflow:hidden; margin:0; font-weight:normal; padding:0; font-size:24px; margin-bottom:10px;}
.Album09Wrap .DateName p { width:100%; height:auto; overflow:hidden; margin:0; font-size:12px; }
.Album09Wrap .DateName p a { color:#BDAA91; }
.Album09Wrap .DateImg { width:100%; height:auto; overflow:hidden; margin:10px 0; text-align:center; float:left; }
.Album09Wrap .DateImg img { border:1px solid #CCC; width:100%; height:auto; margin:0 auto; display:block; margin-bottom:10px;}
.Album09Wrap .shareBg { width:100%; height:auto; background:#eee; border:1px solid #ccc; overflow:hidden; margin:0 auto; padding:10px; text-align:right;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.Album09Wrap .shareBg .AlbumSocialNerwork { width:205px; height:32px; overflow:hidden; float:right;}
.Album09Wrap .shareBg span { display:inline-block; width:auto; height:32px; overflow:hidden; margin:0 2.5px;}
.Album09Wrap .shareBg span a { display:block; width:32px; height:auto; overflow:hidden;}
.Album09Wrap .shareBg span a img { width:100%; height:auto; display:block;}
.Album09Wrap .shareBg .DateBtnWrap { width:429px; height:auto; overflow:hidden; float:left;}
.Album09Wrap .shareBg a.DateBtn { width:138px; height:32px; line-height:32px; font-size:14px; color:#bf9d6d; float:left;text-decoration:none; display:inline-block; overflow:hidden; text-align:center; margin:0 2.5px; border:1px solid #ccc;
/*漸層*/
background: -moz-linear-gradient(90deg, rgb(226, 226, 226) 0%, rgb(255, 255, 255) 100%);
background: -webkit-linear-gradient(90deg, rgb(226, 226, 226) 0%, rgb(255, 255, 255) 100%);
background: -o-linear-gradient(90deg, rgb(226, 226, 226) 0%, rgb(255, 255, 255) 100%);
background: -ms-linear-gradient(90deg, rgb(226, 226, 226) 0%, rgb(255, 255, 255) 100%);
background: linear-gradient(180deg, rgb(226, 226, 226) 0%, rgb(255, 255, 255) 100%);
/*圓角*/
-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
/*陰影*/
-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:1px 1px 1px 0px rgba(50, 50, 50, 0.1);
box-shadow:1px 1px 1px 0px rgba(50, 50, 50, 0.1);}

.Album09Wrap iframe { margin:0; float:left; left:0;}


/*服務據點
------------------------*/
.RetailWrap { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.RetailWrap .DefaultText { width:100%; height:auto; overflow:hidden; padding:0; margin:15px auto; color:#888;}
.RetailWrap .MapSearchWrap { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:10px;}
.RetailWrap .MapSearchWrap .MapSearchBox { width:250px; height:auto; overflow:hidden; float:left; line-height:50px;}
.RetailWrap .MapSearchWrap .MapSearchBox select { width:200px; height:50px; line-height:50px; outline:none; border:1px solid #ccc; margin:0; padding:0; overflow:hidden; -webkit-appearance: menulist-button;-webkit-height:20px; font-size:16px; font-family:"微軟正黑體";}
.RetailWrap .MapSearchWrap .MapSearchBox select * { font-family:"微軟正黑體";}
.RetailWrap .MapSearchWrap .MapSearchBox > span { display:inline-block; width:auto; height:auto; line-height:48px; overflow:hidden; float:left; font-size:16px;}
.RetailWrap .MapSearchWrap .MapSearchBox > span.Name { margin-right:10px;}
.RetailWrap .MapSearchWrap .MapSearchButton { width:120px; height:50px; line-height:50px; display:block; float:left; overflow:hidden; background:#eb6595; text-align:center; color:#fff; text-decoration:none; transition: all .3s;}
.RetailWrap .MapSearchWrap .MapSearchButton:hover { background:#bc2d70;}
.RetailWrap .MapSearchWrap .MapSearchTitle { width:100%; height:auto; overflow:hidden; padding:10px; border-bottom:1px dashed #ccc;}
.RetailWrap .SearchResult { width:100%; height:auto; line-height:40px; padding:10px; margin:0; border:1px dashed #ccc; border-left:0; border-right:0; font-weight:normal;}
.RetailWrap .retailresultlist { width:30%; float:left;}
.RetailWrap .retailresultlist * { padding:0; margin:0; list-style:none;}
.RetailWrap .retailresultlist li { padding:10px; border-bottom:1px dashed #ccc;}
.RetailWrap .retailresultlist li a{ color:#333; text-decoration:none; font-size:14px;}
.RetailWrap .retailresultdata { width:70%; float:right; border-left:1px dashed #ccc; padding:15px;}
.RetailWrap .retailresultdata .DefaultTitle { width:100%; height:auto; overflow:hidden; padding:0; margin:15px auto;  font-weight:normal; text-align:center; font-size:20px;}
.RetailWrap .retailresultdata ul,.RetailWrap .retailresultdata li { margin:0; padding:0; list-style-type: none; /*float:left; */}
.RetailWrap .retailresultdata #showbox { width:100%; height:auto; overflow:hidden;/* border:solid 1px #eee;*/ }

.RetailWrap .retailresultdata .RetailInfoTable { width:100%; height:auto; overflow:hidden; border-top: #c2c2c2 1px solid; border-right: #c2c2c2 1px solid; margin:15px auto;}
.RetailWrap .retailresultdata .RetailInfoTable th, .RetailWrap .retailresultdata .RetailInfoTable td { border-bottom: #c2c2c2 1px solid; text-align: left; border-left: #c2c2c2 1px solid;  padding:10px; line-height:20px;}
.RetailWrap .retailresultdata .RetailInfoTable th { background: #f3f3f3; color: #181818; width:6em;}
.RetailWrap .retailresultdata .RetailInfoTable td { color: #777;}
.RetailWrap .retailresultdata .map_canvas { width:100%; height:410px; overflow:hidden; margin:15px auto; border:1px solid #ccc;}
.RetailWrap .retailresultdata .map_canvas #map_canvas { width:100%; height:408px;}

/*人才招募
------------------------*/
.Job table { table-layout:fixed;}
.Job td { padding:10px; border-bottom:2px solid #fff; min-height:50px; text-align:center;}
.Job .JobTitle_over td { cursor:pointer;}
.Job .JobRec tr:nth-of-type(odd) {  background:rgb(232, 243, 249);  }
.Job .Job_Detail { table-layout:auto;}
.Job .Job_Detail tr:nth-of-type(odd) { background:#eee;}
.Job .Job_Detail tr[bgcolor="#075F8D"] { background:#075F8D;}
.Job .Job_Detail span[style="color:#075F8D"] { width:80px; display:block; height:auto; overflow:hidden; margin:0 auto;}

/*行事曆大事件及線上預約
------------------------*/
.Calendar .dateTable{ font-size:14px; margin:15px auto; text-align:center; width:95%;}
.Calendar .PageArticle .dateTable > tbody > tr > td > table > tbody > tr:nth-of-type(odd) { background:#eee;}
.Calendar .PageArticle .dateTable > tbody > tr > td > table > tbody > tr > td { line-height:28px; padding:5px;}
.Calendar .PageArticle .dateTable > tbody > tr > td > table > tbody > tr > td.td_right { border:0; padding:5px; background:none;}
.Calendar .PageArticle .dateTable > tbody > tr > td > table[bgcolor="#f1dfcb"] > tbody > tr > td { line-height:28px; padding:0px;}
.Calendar .PageMenu .dateTable table { margin:0 auto;}
.Calendar .dateTable a{ text-decoration:none; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; display:block; width:100%; height:auto; overflow:hidden;}
.Calendar .Calday { background: #FFFFFF; text-align:left;}
.Calendar .CalNoday { background: #f4f4f4; text-align:left;}
.Calendar .CalToday { border: #FF0000 1px solid; background: #FFFFCC; text-align:left;}
.Calendar .CalWeekday { background: #F2F2F2; color: #414141; padding:5px;}
.Calendar td.td_right { text-align: left; padding: 3px; border-bottom: 1px solid #d2a48c; line-height: 28px;  border-left: 1px solid #d2a48c; padding-left: 10px; min-height: 24px; background:#fff; font-size: 16px;}
.Calendar .Bu_cancel{ margin-top:20px; border:0; outline:0; width:70px; height:26px; text-indent:-9999px;}
.Calendar .Bu_cancel:hover{}
.Calendar th { text-align:center;}
.Calendar td { font-size: 14px; color: #999; text-decoration: none; line-height: 150%; vertical-align:top;}
.Calendar .Classroom_prv { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Calendar .Classroom_prv .Classroom_prv_btn { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Calendar .Classroom_prv .Icon_ClassroomAppointments { width:50%; height:auto; overflow:hidden; float:left;}
.Calendar .Classroom_prv .Icon_ClassroomAppointments a{ display:block; width:250px; height:35px; text-indent:-9999px; background:url(../Images/Layout/UI/Calendar/Icon_ClassroomAppointments.gif) 0 0 no-repeat; margin:0 auto;}
.Calendar .Classroom_prv .Icon_ClassroomAppointments a:hover { width:250px; height:35px; background:url(../Images/Layout/UI/Calendar/Icon_ClassroomAppointments_o.gif) 0 0 no-repeat;}
.Calendar .Classroom_prv .Icon_ClassroomCancel { width:50%; height:auto; overflow:hidden; float:left;}
.Calendar .Classroom_prv .Icon_ClassroomCancel a{ display:block; width:250px; height:35px; text-indent:-9999px; background:url(../Images/Layout/UI/Calendar/Icon_ClassroomCancel.gif) 0 0 no-repeat; margin:0 auto;}
.Calendar .Classroom_prv .Icon_ClassroomCancel a:hover{ display:block; width:250px; height:35px; text-indent:-9999px; background:url(../Images/Layout/UI/Calendar/Icon_ClassroomCancel_o.gif) 0 0 no-repeat;}
.Calendar .Classroom_prv p { width:100%; height:auto; overflow:hidden;}
.Calendar .calendarform { width:100%; height:auto; overflow:hidden; max-width:470px; border:1px solid #ccc; margin:0 auto; padding:20px;
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.Calendar .calendarform ul { padding:0; margin:0; list-style:none; width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:10px;}
.Calendar .calendarform ul * { padding:0; margin:0; list-style:none;}
.Calendar .calendarform ul li { width:100%; height:auto; overflow:hidden; position:relative; padding-left:90px; margin:10px 0;}
.Calendar .calendarform ul li h3 { width:90px; height:30px; line-height:30px; font-weight:normal; text-align:left; position:absolute; top:0; left:0; font-size:16px;}
.Calendar .calendarform ul li .calendarform_box { width:100%; height:auto; overflow:hidden; float:left;}
.Calendar .calendarform ul li .calendarform_box input { width:100%; height:30px; line-height:28px; padding:0 5px; border:1px solid #ccc; outline:none;}
.Calendar .calendarform ul li .calendarform_box input#txtCaptchacode { max-width:60px; float:left;}
.Calendar .calendarform ul li .calendarform_box .Captcha { width:100%; max-width:78px; height:auto; overflow:hidden; padding:2.5px 0; display:block; float:left; margin-left:5px;}
.Calendar .calendarform ul li .calendarform_box .Captcha img { max-width:100%; height:auto;}
.Calendar .calendarform ul li .calendarform_box a { width:100%; max-width:80px; height:30px; line-height:30px; display:block; float:left; margin-left:5px; text-decoration:none;}

/*視訊會議
------------------------*/
.Host .HostWrapper { width:100%; height:auto; overflow:hidden; margin:30px auto; background:#eee; margin-bottom:50px;}
.Host .PContent { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:10px;}
.Host .Name { width:100%; height:60px; padding:0 2.5%; line-height:60px; background:#0099FF; overflow:hidden; margin:0 auto; text-align:left; color:#fff; }
.Host .Name a { color:#fff; text-decoration:none;}
.Host .Name a.More { float:right; width:40px; height:auto; overflow:hidden; display:block; margin:10px 0;}
.Host .Name a.More img { max-width:100%; height:auto;}
.Host .PContent_L { width:30%; height:auto; float:left; overflow:hidden;}
.Host .PContent_L .Photo { width:100%; height:auto; overflow:hidden; display:block;}
.Host .PContent_L .Photo img { max-width:100%; height:auto;}
.Host .PContent_R { width:68.5%; height:auto; float:right; overflow:hidden;}
.Host .PContent_R table { background:#f5f4f4;}
.Host .PContent_R table th { width:20%; text-align:center; background:#e8e8e8; color:#333; border:1px solid #fff;}
.Host .PContent_R table td { width:70%; padding:10px 5%; text-align:left;}
.Host .PContent_R table td p{ margin:0;}
.Host .PContent_R table td  h3.r{ margin:0;}

/*聯絡我們
------------------------*/
.ContactUs { width:100%; max-width:1000px; height:auto; overflow:hidden; padding:5px 10px; margin:0 auto; position:relative;}
.ContactUs iframe { width:49%; height:640px; float:left; display:block; padding:0; margin:0;}
.ContactUs p { font-size:14px; line-height:1.5em; color:#4c4b4b; margin-bottom:1em;}
.ContactUs a.code { color:#333; text-decoration:none; height:40px; line-height:40px; font-size:14px; display:block; width:70px; overflow:hidden; float:left; margin:0 5px;}
.ContactUs img { border:0; margin:8px 0; float:left;}
.ContactUs form#frmUG { width:49%; height:auto; overflow:hidden; float:right;}
.ContactUs fieldset { width:100%; height:auto; overflow:hidden; float:right; border:0; padding:20px; background:#eee; font-size:14px; }
.ContactUs .ContactUsBox { width:100%; max-width:500px; margin:0 auto; height:auto; overflow:hidden; position:relative; padding-left:110px;}
.ContactUs .ContactUsBoxL { width:100%; max-width:500px; margin:0 auto; height:auto; overflow:hidden; text-align:center;}
.ContactUs .ContactUsBox .ContactUsBoxR { width:100%; height:auto; overflow:hidden;}
.ContactUs .ContactUsBox .ContactUsBoxR .notice { width:100%; height:auto; overflow:hidden; display:inline-block; float:left;}
.ContactUs label { width:110px; height:40px; line-height:40px; display:inline-block; vertical-align:top; position:absolute; top:0; left:0;}
.ContactUs input[type=radio]{ height:40px; line-height:40px; display:block; float:left; margin:0 5px; border:0;}
.ContactUs span.text { float:left; height:40px; line-height:40px;}
.ContactUs label span { color:#F00;}
.ContactUs input { border:1px solid #CCC; height:24px; line-height:24px; display:inline-block; margin:8px 0;}
.ContactUs input[type=submit] { width:100px; height:30px; float:right;}
.ContactUs input[type=submit]:hover { cursor:pointer; background:#ccc;}
.ContactUs textarea { border:1px solid #CCC; width:100%; max-width:330px; margin-top:8px; height:140px;}

/*工作日誌
------------------------*/
.Worklog table { table-layout:fixed;}
.Worklog td { text-align:left; padding:5px; vertical-align:top; padding:5px 0;}
.Worklog td.Calday,.Worklog td.CalToday, td.CalNoday { padding:0;}
.Worklog td.SmallFont { width:15px; height:15px; overflow:hidden; line-height:15px; text-align:center;}
.Worklog .Calender_Left td { text-align:center;}
.Worklog tr.Week th { text-align:center; height:30px; line-height:30px; font-size:90%;}
.Worklog td img{ display:block; margin:0 auto;}
.Worklog .CalWeekday {background:#F2F2F2;color:#414141; padding:5px;}
.Worklog .CalNoday {background:#EEEEEE;}
.Worklog .Calday {background:#FFFFFF;}
.Worklog .CalToday {border:#FF0000 1px solid;background:#FFFFCC;}
.Worklog .SmallFont {font-size:8pt;}	
.Worklog .ss_add_subject input { margin-left:5px;}
.Worklog .ui-datepicker-trigger { display:inline;}
.progress { position: absolute; padding: 4px; top: 50px; left: 400px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; width: 260px; height:130px; background: #FFFBD1; color: #3D2C05; border: 1px solid #715208; /* Mozilla proprietary */ -moz-border-radius: 5px;/*-moz-opacity: 0.95; */ display:none; }
.progress > div { width:100%; text-align:center; color:#ff0000; padding:0 0 5px 0;}
.progress table, .progress td { font-size:9pt; }
.progress .Bar { width:100%; height:15px; background-color:#CCCCCC; border: 1px inset #666666; margin-bottom:4px; }
.progress .ProgressPercent { font-size: 9pt; color: #000000; height: 15px; position: absolute; z-index: 20; width: 100%; text-align: center; }
.progress .ProgressBar { background-color:#91D65C; width:1px; height:15px; }

.incCalendarTable {table-layout:fixed;width:240px;height:30px; text-align:center;}

/*=======================================下方設定=======================================*/

/*SiteMap設定
------------------------*/
.SiteMap { width:100%; height:auto; overflow:hidden;}
.SiteMap * { padding:0; margin:0; list-style:none; text-decoration:none;}
.SiteMap .SiteMapWrapper { width:100%; max-width:1000px;  height:auto; overflow:hidden; padding:20px 0; margin:0 auto;}
.SiteMap .SiteMapWrapper dl { width:30%; height:auto; overflow:hidden; float:left; margin:0 0 30px 5%; border-radius: 5px; border:1px solid #d9d9d9; border-top:none; }
.SiteMap .SiteMapWrapper dl:nth-child(3n+1) { margin-left:0; clear:both;}
.SiteMap .SiteMapWrapper dt { font-size:20px; width:100%; height:40px; line-height:40px; overflow:hidden; background:#e9af11; margin-bottom:5px;transition: all .3s;}
.SiteMap .SiteMapWrapper dt:hover { background:#f5c953; }
.SiteMap .SiteMapWrapper dt a { display:block; text-decoration:none; color:#fff; padding:0 15px;}
.SiteMap .SiteMapWrapper dd { font-size:16px; width:100%; padding:10px 15px; height:auto; overflow:hidden; border-top:1px dashed #d9d9d9 ;}
.SiteMap .SiteMapWrapper dl dd:nth-of-type(1) {  border-top:none ;}
.SiteMap .SiteMapWrapper dd a { display:block; text-decoration:none; color:#999;  transition: all .3s;}
.SiteMap .SiteMapWrapper dd a:hover { color:#000;}

/*Footer設定
------------------------*/
.Footer { width:100%; height:auto; overflow:hidden; padding:40px 0 20px 0; background:#fff;}
.Footer .Div-W1000 { position:relative; padding-left:450px; }
.Footer .Logo { width:400px; height:auto; overflow:hidden; position:absolute; left:10px; border-right:1px solid #e2e2e2;}
.Footer .Logo a  { width:352px; /*height:90px;*/ height:180px; background:url(../Images/Layout/Logo.png) center center no-repeat; display:block; overflow:hidden;}
.Footer .Info { width:55%; height:auto; overflow:hidden; float:left; margin:0; padding:0;}
.Footer .Info *  { margin:0; padding:0; list-style:none; text-decoration:none;}
.Footer .Info li { width:100%; height:auto; display:block;  font-size:15px; color:#777; margin-bottom:3px;}
.Footer .Info li a { color:#777;}
.Footer .Info li.Copyright { font-size:14px; color:#ababab;}
.Footer .Info li.Copyright span { display:inline-block;}
.Footer .FBfanpage { width:45%; height:auto; overflow:hidden; float:right;}
.Footer .fb-page, .Footer .fb-page span, .Footer .fb-page span iframe[style] { width: 100% !important; }

/*優吉兒網站連結*/
.uGear { width:200px; height:60px; font-family:"微軟正黑體"; background:url(../Images/Layout/uGear/truste_Ugear.png) left top no-repeat; float:right; margin-top:20px; }
.uGear:hover {background:url(../Images/Layout/uGear/truste_Ugear_o.png); background-repeat:no-repeat;}
.uGear a { display:inline-block; width:auto; height:60px; line-height:90px; font-size:12px; color:#ababab; text-decoration:none; text-indent:2px;}
.uGear a:hover { color:#777; }

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

/*首頁設定
------------------------*/
.Div-W1000 .ContentRight { width:50%;}

/*Footer設定
------------------------*/
.Footer .Div-W1000 { padding-left:350px;}
.Footer .Logo { width:325px;}
.Footer .Logo a { width:300px; -moz-background-size:100%;-webkit-background-size:100%;-o-background-size:100%;background-size:100%;}

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

/*Header設定
------------------------*/
.Header .Div-W1000 { padding-left:310px;}
.Header .Logo a { width:300px; -moz-background-size:100%;-webkit-background-size:100%;-o-background-size:100%;background-size:100%;}
    
/*首頁設定
------------------------*/
.Div-W1000 .ContentLeft	 { width:47%;}
.Div-W1000 .ContentRight { width:52%;}

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

/*首頁設定
------------------------*/
.Div-W1000 .ContentLeft	 { width:45%;}
.Div-W1000 .ContentRight { width:54%;}

/*Footer設定
------------------------*/
.Footer .Div-W1000 { padding-left:300px;}
.Footer .Logo { width:275px;}
.Footer .Logo a { width:250px; }
	
}
@media only screen and (min-width:0px) and (max-width:1130px) {
	
/*首頁設定
------------------------*/
.Div-W1000 .ContentLeft	 { width:42%;}
.Div-W1000 .ContentRight { width:57%;}

/*Footer設定
------------------------*/
.Footer .Div-W1000 { padding-left:275px;}
.Footer .Logo { width:250px;}
.Footer .Logo a { width:225px; }
	
}
@media only screen and (min-width:0px) and (max-width:1080px) {

/*首頁設定
------------------------*/
.DefContent .Div-W1000 .ContentLeft	 { width:40%;}
.DefContent .Div-W1000 .ContentRight { width:59%;}

/*Footer設定
------------------------*/
.Footer .Div-W1000 { padding-left:250px;}
.Footer .Logo { width:225px;}
.Footer .Logo a { width:200px; }
	
}
@media only screen and (min-width:0px) and (max-width:1024px) {

/*Header設定
------------------------*/
.Default .Header  { height:100px;}
.Default .Header .Div-W1000 { height:100px; padding-left:0; padding-right:90px;}
.Default .Header .Logo { height:100px; position:relative; width:100%;}
.Default .Header .Logo a { height:100px; width:100%; max-width:250px;}
.Default .Header .Nav { display:none;}
	
/*首頁設定
------------------------*/
.DefContent .Div-W1000 .ContentLeft	 { width:36%;}
.DefContent .Div-W1000 .ContentRight { width:63%;}
.DefContent .Div-W1000 a.DefMore:hover span { display:none;}
.DefContent .Div-W1000 .DefAlbum ul.AlbumList li a:hover .Hover { opacity:0;}
.DefContent .Div-W1000 .DefLink ul li:hover h2 { bottom:0;  margin-bottom:0; }
.DefContent .Div-W1000 .DefLink ul li:hover a:after { height:60px;}

/*Footer設定
------------------------*/
.Footer .Div-W1000 { padding-left:225px;}
.Footer .Logo { width:200px;}
.Footer .Logo a { width:175px; }
	
    /*(頁籤式)版頭+麵包屑設定
	------------------------*/
/*	.PageTitleWrapper .PageTitle { padding:0 20px;}*/
	
	/*(頁籤式)分類選單設定
	------------------------*/
/*	.PageMenuTop ul { padding:10px 20px;}*/
	/*有第二層選單時*/
/*	.PageMenuTop li.LiSubMenu .SubMenu { padding:10px 20px;}*/
	
/*	.PageContent { padding:20px;}*/
	
	/*聯絡我們
	------------------------*/
	.ContactUs iframe { width:100%; height:300px;}
	.ContactUs form#frmUG { width:100%;}
	
	/*Showroom04*/
	.Showroom .ProductList { max-width:800px;}
	/*Showroom07*/
	.Showroom .ProductListOne ul { width:25%;}
	.Showroom .ProductListOne ul:nth-of-type(5n+1) { clear:none;}
	.Showroom .ProductListOne ul:nth-of-type(4n+1) { clear:both;}
	
	/* 訂單 */
	.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+3) { display:none;}

	/*SiteMap設定
	------------------------*/
/*	.SiteMap .SiteMapWrapper { padding:20px;}
	.SiteMap .SiteMapWrapper dl { width:25%; margin:20px 0; padding:10px;}
	.SiteMap .SiteMapWrapper dl:nth-of-type(4n+1) { clear:both;}*/
	
	}
@media only screen and (min-width:0px) and (max-width:1000px) {

/*首頁設定
------------------------*/
.DefContent .Div-W1000 .ContentLeft	 { width:100%; margin-bottom:15px;}
.DefContent .Div-W1000 .ContentRight { width:100%;}
.DefContent .Div-W1000 .DefLink { margin-top:20px;}

/*Footer設定
------------------------*/
.Default .Footer { padding:20px 10px ; }
.Default .Footer .Div-W1000 { padding:0; }
.Default .Footer .Logo { width:100%; max-width:450px; position:relative; left:inherit; border-right:none; margin:0 auto 10px auto;}
.Default .Footer .Logo a { width:100%; max-width:250px; height:60px;}
.Default .Footer .Info { width:100%; max-width:450px; margin:0 auto; float:none;} 
.Default .Footer .Info li.Copyright { margin-top:20px; text-align:center;}
.Default .Footer .FBfanpage { width:100%; max-width:450px; margin:0 auto 20px auto; float:none;} 
.Default .uGear {  width:100%; background:none; position:static; height:30px; text-align:center; margin-top:0;} 
.Default .uGear:hover { background:none;}
.Default .uGear span { margin-top:3px;}
.Default .uGear a { height:30px; line-height:30px;}

}
@media only screen and (min-width:0px) and (max-width:870px) {
	/*產品列表*/
	.Showroom .productlist li { width:33.3%;}
	.Showroom .productlist li:nth-of-type(3n+1) { clear:both;}
	/*Showroom04*/
	.Showroom .ProductList { max-width:600px;}
	/*Showroom07*/
	.Showroom .ProductListOne ul { width:33.3%;}
	.Showroom .ProductListOne ul:nth-of-type(4n+1) { clear:none;}
	.Showroom .ProductListOne ul:nth-of-type(3n+1) { clear:both;}
	/*有左側時*/
	.Showroom .PageContent-Right .productlist li { width:50%;}
	.Showroom .PageContent-Right .productlist li:nth-of-type(3n+1) { clear:none;}
	.Showroom .PageContent-Right .productlist li:nth-of-type(2n+1) { clear:both;}
	/*推薦商品*/
	.Showroom .product-detail-relateditle li { width:33.3%; margin-bottom:10px;}
	.Showroom .product-detail-relateditle li:nth-of-type(3n+1) { clear:both;}
	/*搭贈*/
	.Showroom .product-detail-free li { width:33.3%; margin-bottom:10px;}
	.Showroom .product-detail-free li:nth-of-type(3n+1) { clear:both;}
	
	/* 購物車 */
	.Showroom .shoppingcart-wrapper td:nth-of-type(8n+1) { display:none;}
	.Showroom .shoppingcart-wrapper td.amounttd:nth-of-type(8n+2) { border-left:1px solid #666;}
	
	/* 訂單 */
	.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+2) { display:none;}
	.OrdSrhItem_Detail  .order-wrapper td:nth-of-type(7n+1) { display:none;}
	.OrdSrhItem_Detail  .order-wrapper td:nth-of-type(7n+2) { border-left:1px solid #bdbdbd;}
	
	.OrdSrhItem_Detail .order-wrapper2 td:nth-of-type(4n+1) { display:table-cell;}
	
	/* ======== 任選 Start ======== */
	.Showroom .any_display li { width:32%;}
	.Showroom .any_display li:nth-of-type(4n+1) { clear:none;}
	.Showroom .any_display li:nth-of-type(3n+1) { clear:both;}
	}
@media only screen and (min-width:0px) and (max-width:768px) {


	/*========頁籤式框架========*/
	/*(頁籤式)分類選單設定
    ------------------------*/
/*	.PageMenuTop #SlideDownButton,.PageMenuTop #SlideUpButton,
	.PageMenuTop #SlideDownButton2,.PageMenuTop #SlideUpButton2{ width:50px; height:50px; margin:0 auto; }
    .PageMenuTop #SlideDownButton, PageMenuTop #SlideDownButton2 { background:url(../Images/Layout/UI/Bu_SlideDownButton.png) center no-repeat; display:block; }
    .PageMenuTop #SlideUpButton, .PageMenuTop #SlideUpButton2   { background:url(../Images/Layout/UI/Bu_SlideUpButton.png) center no-repeat; display:none; }
    .PageMenuTop #SlideMenu, .PageMenuTop #SlideMenu2 { display:none; }
	.PageMenuTop li { width:90%; float:none; margin:0 auto; margin-bottom:10px;}
	.PageMenuTop li a { height:auto;}*/
	/*有第二層選單時*/
/*	.PageMenuTop li.LiSubMenu { padding-bottom:0px;}
	.PageMenuTop li.LiSubMenu .SubMenu { height:auto; position:relative; left:inherit; bottom:inherit; background:none; padding-bottom:0;}
	.PageMenuTop li.LiSubMenu .SubMenu ul li.SubMenuLi { width:100%;}
	.PageMenuTop li.LiSubMenu .SubMenu ul li.SubMenuLi a { background:none; height:auto; font-size:14px; line-height:35px;}*/
	/*產品第二、三層選單*/ 
	.Showroom .PageMenuTop li .SubMenu { min-width:inherit;min-height:inherit;position:relative;top:inherit;left:inherit;background:none; border-bottom:none;}
	.Showroom .PageMenuTop li .SubMenu > ul { width:100%; min-height:inherit; overflow:hidden; padding:0; margin:20px 0 5px 0;}
	.Showroom .PageMenuTop li .SubMenu > ul > li { min-height:inherit; background:none; font-size:14px; overflow:hidden; }
    .Showroom .PageMenuTop li .SubMenu > ul > li a:link {color:#333; background:none; }
    .Showroom .PageMenuTop li .SubMenu > ul > li ul.ThirdMenu { min-width:inherit; padding:0; display:block;  position:relative; left:inherit; top:inherit; border-bottom:none; background:none; margin:10px 0;  border-top:1px dotted #ccc;}
    .Showroom .PageMenuTop li .SubMenu > ul > li ul.ThirdMenu li { width:100%; height:auto; line-height:35px;   border-bottom:1px dotted #ccc; padding:5px 0; }
    .Showroom .PageMenuTop li .SubMenu > ul > li ul.ThirdMenu li a { width:100%; height:auto; line-height:35px; background:none; font-size:12px;}
    .Showroom .PageMenuTop li .SubMenu > ul > li:hover { background:none;}
    .Showroom .PageMenuTop li .SubMenu > ul > li:hover a { color:#555;}
    .Showroom .PageMenuTop li .SubMenu > ul > li:hover > ul.ThirdMenu li a { color:#555;}
    .Showroom .PageMenuTop li .SubMenu > ul > li:hover > ul.ThirdMenu li a:hover { color:#333; text-decoration:none;}

	/*========左側式框架========*/
	.PageWrapper-Side { padding-top:0px; }
	/*(左側式)分類選單設定
    ------------------------*/
	.PageWrapper-Side .PageWrapper-Side-Side { width:100%; float:none;}
	.PageWrapper-Side .PageWrapper-Side-Side .PageMenu { margin-bottom:0; }	
	.PageWrapper-Side .PageMenu { width:100%; float:none; border:none; border-radius:0; background:#eee; padding:0; }
	.PageWrapper-Side .PageMenu h1 { background:#333; color:#fff; border-bottom:none; }
	.PageMenu #SlideDownButton,.PageMenu #SlideUpButton,
	.PageMenu #SlideDownButton2,.PageMenu #SlideUpButton2{ width:50px; height:50px; margin:0 auto; }
    .PageMenu #SlideDownButton, .PageMenu #SlideDownButton2 { background:url(../Images/Layout/UI/Bu_SlideDownButton.png) center no-repeat; display:block; }
    .PageMenu #SlideUpButton, .PageMenu #SlideUpButton2   { background:url(../Images/Layout/UI/Bu_SlideUpButton.png) center no-repeat; display:none; }
    .PageMenu #SlideMenu, .PageMenu #SlideMenu2 { display:none;}
	.PageWrapper-Side .PageMenu ul li { width:90%; height:auto; float:none; text-align:center;margin:0 auto; margin-bottom:10px; border-bottom:none; }
	.PageWrapper-Side .PageMenu ul li a { line-height:50px; text-decoration:none; padding:0 10px; background:#fff;
    /*圓角*/
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}	
	.PageWrapper-Side .PageMenu ul li a:link {color:#333;}
	.PageWrapper-Side .PageMenu ul li a:visited { color:#333;}
	.PageWrapper-Side .PageMenu ul li a:hover { color:#000;}
	.PageWrapper-Side .PageMenu ul li a:active { color:#000;}
	.PageWrapper-Side .PageMenu ul li a.Active { background:#555;}
	.PageWrapper-Side .PageMenu ul li a.Active:link {color:#eee;}
	.PageWrapper-Side .PageMenu ul li a.Active:visited { color:#eee;}
	.PageWrapper-Side .PageMenu ul li a.Active:hover { color:#fff;}
	.PageWrapper-Side .PageMenu ul li a.Active:active { color:#fff;}
	/*有第二層選單時*/ 
    .PageWrapper-Side .PageMenu ul li .SubMenu { margin:10px 0 0 0; }
    .PageWrapper-Side .PageMenu ul li .SubMenu li { padding:0; margin:0; width:100%; margin-bottom:10px;}
	.PageWrapper-Side .PageMenu ul li .SubMenu li a { background:none; line-height:35px; height:auto; font-size:14px;}
	.PageWrapper-Side .PageMenu ul li .SubMenu li a:link {color:#555;}
	.PageWrapper-Side .PageMenu ul li .SubMenu li a:visited { color:#555;}
	.PageWrapper-Side .PageMenu ul li .SubMenu li a:hover { color:#333; background:none;}
	.PageWrapper-Side .PageMenu ul li .SubMenu li a:active { color:#333; background:none;}
	/*有第三層選單時*/ 
    .PageWrapper-Side .PageMenu ul li .SubMenu li ul {  border-top:1px dotted #ccc;}
    .PageWrapper-Side .PageMenu ul li .SubMenu li ul li { border-bottom:1px dotted #ccc; margin-bottom:0; padding:5px 0;}
    .PageWrapper-Side .PageMenu ul li .SubMenu li ul li a { font-size:12px;  }
	/*(左側式)內容設定
    ------------------------*/
	.PageWrapper-Side .PageContent-Right { width:100%; float:none;}
	
	/*新聞牆列表
	------------------------*/
/*	.NewsGalleryWrap li { width:49%;}
	.NewsGalleryWrap li:nth-of-type(2n+1) { clear:both;}*/
	
	/*產品列表*/
	.Showroom .productlist li { width:50%;}
	.Showroom .productlist li:nth-of-type(3n+1) { clear:none;}
	.Showroom .productlist li:nth-of-type(2n+1) { clear:both;}
	
	/*有左側時*/
	.Showroom .PageContent-Right .productlist li { width:33.3%;}
	.Showroom .PageContent-Right .productlist li:nth-of-type(2n+1) { clear:none;}
	.Showroom .PageContent-Right .productlist li:nth-of-type(3n+1) { clear:both;}
	
	/*商品篩選*/
	.PageWrapper-Side .PageMenu ul.AdvSearch { padding:10px;}
	.PageWrapper-Side .PageMenu ul.AdvSearch li { padding:0; margin:0; text-align:center;}
	.PageWrapper-Side .PageMenu ul.AdvSearch .subContent1 { width:auto; padding:0 5px; float:none;}
	.PageWrapper-Side .PageMenu ul.AdvSearch .subContent2 { width:auto; padding:0 5px; float:none;}
	.PageWrapper-Side .PageMenu ul.AdvSearch .subContent3 { width:auto; padding:0 5px; float:none;}
	.PageWrapper-Side .PageMenu ul.AdvSearch .subContent4 { width:auto; padding:0 5px; float:none;}
	
	/*產品內頁*/
	.Showroom .product-detail-image-left { width:100%;}
	.Showroom .product-detail-image-right { width:100%;}
	.SocialNerwork { text-align:center;}
	
	
	/* 購物車 */
	.Showroom .PageContent { padding:10px;}
	.Showroom .shoppingcart-wrapper td:nth-of-type(8n+3) { display:none;}
	.Showroom .shoppingcart-wrapper td:nth-of-type(8n+4) { display:none;}
	.Showroom .shoppingcart-wrapper td:nth-of-type(8n+5) { display:none;}
	.Showroom .shoppingcart-wrappertwo td:nth-of-type(8n+1) { display:table-cell;}
	.Shopping_Detail .shoppingcart-wrapper td:nth-of-type(8n+3) { display:table-cell;}
	.Shopping_Detail .shoppingcart-wrapper td:nth-of-type(8n+4) { display:table-cell;}
	
	/* 訂單 */
	.ugC_OrdSrhItem .OrdSrhItemSearch > span { display:inline-block; width:auto; height:auto; overflow:hidden; float:left;}
	.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+6) { display:none;}
	.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+5) { display:none;}
	
	/*服務據點
	------------------------*/
/*	.RetailWrap .MapSearchWrap .MapSearchBox { width:50%; margin-bottom:20px;}
	.RetailWrap .MapSearchWrap .MapSearchButton { float:none; clear:both; margin:0 auto;}*/
	
	/*視訊會議
	------------------------*/
	.Host .PContent_L { width:100%; max-width:350px; float:none; margin:10px auto;}
	.Host .PContent_R { width:100%;}
	
	/*影片分享
	------------------------*/
	/*使用影片*/
	.Media .Media-videos {	width: 48%;}
	
	/*經營團隊
	------------------------*/
	.People .PContent_L { width:100%; max-width:350px; float:none; margin:10px auto;}
	.People .PContent_R { width:100%;}
	
	/*行事曆大事件及線上預約
	------------------------*/
	.Calendar th { padding:5px;}
	.Calendar td { padding:5px;}
	.Calendar table[bgcolor="#f1dfcb"] td { padding:0px;}
	.Calendar table[bgcolor="#f1dfcb"] td td { padding:0px;}
	.Calendar table[bgcolor="#f1dfcb"] td td td { padding:5px;}
	
	/*相簿
	------------------------*/
/*	.css_AlbumFrame { width:49%; margin:0 0.5%; margin-bottom:10px;}
	.css_AlbumPhotoFrame { width:49%; margin:0 0.5%; margin-bottom:10px;}*/
	
	/*SiteMap設定
	------------------------*/
/*	.SiteMap .SiteMapWrapper dl { width:50%;}
	.SiteMap .SiteMapWrapper dl:nth-of-type(2n+1) { clear:both;}*/
	
	/*Album09*/
/*	.Album09Wrap .shareBg .AlbumSocialNerwork { float:none; clear:both; margin:10px auto;}
	.Album09Wrap .shareBg .DateBtnWrap { float:none; clear:both; margin:10px auto;}*/
	
	}
@media only screen and (min-width:0px) and (max-width:660px) {
	
/*	.RetailWrap .retailresultlist { width:100%;}
	.RetailWrap .retailresultdata { width:100%; border-left:0;}
	.RetailWrap .retailresultdata .map_canvas { height:300px;}
	.RetailWrap .retailresultlist li { width:48%; float:left; border:1px dashed #ccc; margin:5px 1%;}
	.RetailWrap .retailresultlist li:nth-of-type(2n+1) { clear:both;}*/
	
	/*產品列表*/
	/*Showroom04*/
	.Showroom .ProductList { max-width:400px;}
	/*Showroom07*/
	.Showroom .ProductListOne ul { width:50%;}
	.Showroom .ProductListOne ul:nth-of-type(3n+1) { clear:none;}
	.Showroom .ProductListOne ul:nth-of-type(2n+1) { clear:both;}
	
	/*有左側時*/
	.Showroom .PageContent-Right .productlist li { width:50%;}
	.Showroom .PageContent-Right .productlist li:nth-of-type(3n+1) { clear:none;}
	.Showroom .PageContent-Right .productlist li:nth-of-type(2n+1) { clear:both;}
	
	/*推薦商品*/
	.Showroom .product-detail-relateditle li { width:50%;}
	.Showroom .product-detail-relateditle li:nth-of-type(3n+1) { clear:none;}
	.Showroom .product-detail-relateditle li:nth-of-type(2n+1) { clear:both;}
	/*搭贈*/
	.Showroom .product-detail-free li { width:50%;}
	.Showroom .product-detail-free li:nth-of-type(3n+1) { clear:none;}
	.Showroom .product-detail-free li:nth-of-type(2n+1) { clear:both;}
	
	/* 訂單 */
	.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+4) { display:none;}
	.OrdSrhItem_Detail .OrdSrhItem_Detail_header span { margin-bottom:10px; height:auto;}
	.OrdSrhItem_Detail .OrdSrhItem_Detail_header a { margin:0 auto; float:none; clear:both;}
	
	/* 購物車 */
	.Showroom .shoppingcart-wrapper td .notice { width:auto; height:auto; display:inline-block; overflow:hidden;}
	
	/*人才招募
	------------------------*/
	.PageJob td:nth-of-type(5n+1) { display:none;}
	.PageJob td:nth-of-type(5n+5) { display:none;}
	
	/*問卷調查
	------------------------*/
	.Survey .SurveyTable td { font-size:14px;}
	.Survey .SurveyTable td:nth-of-type(6n+2) { display:none;}
	.Survey .SurveyTable td:nth-of-type(6n+3) { display:none;}
	.Survey .SurveyTable td:nth-of-type(6n+4) { display:none;}
	.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_WrapW { padding-left:0;}
	.Survey .Survey_Detail .Survey_Detail_Box .Survey_Detail_Box_WrapW .Survey_View_Table td { font-size:14px;}
	
	}
@media only screen and (min-width:0px) and (max-width:540px) {
	
/*首頁設定
------------------------*/
.DefContent .Div-W1000 .DefLink ul li { width:100%; margin:15px auto 0 auto;}
.DefContent .Div-W1000 .DefLink ul li:nth-child(1) { margin:auto 0 auto;}
	
	/*========按鈕設定========*/
	/*兩個按鈕時*/
/*	.Btn_Two .GoBack { width:49%; margin:0 0.5%;}*/
	/*三個按鈕時*/
/*	.Btn_Thr .GoBack { width:32%; margin:0 0.5%;}*/
	
	/*(頁籤式)版頭+麵包屑設定
	------------------------*/
/*	.PageTitleWrapper .PageTitle h1 { width:100%; text-align:center;}
	.PageTitleWrapper .PageTitle .BreadCrumbs { display:none;}*/
	
	/*新聞牆列表
	------------------------*/
/*	.NewsGalleryWrap li { width:100%; margin:10px auto;}
	.NewsGalleryWrap li:nth-of-type(1n+1) { clear:both;}*/
	
	/*產品列表*/
	.Showroom .productlist li { width:100%;}
	.Showroom .productlist li:nth-of-type(2n+1) { clear:none;}
	.Showroom .productlist .productname { height:auto;}
	.Showroom .productlist .productname a { height:auto;}
	.Showroom .productlist .productpricecontent { height:auto;}
	/*有左側時*/
	.Showroom .PageContent-Right .productlist li { width:100%;}
	.Showroom .PageContent-Right .productlist li:nth-of-type(2n+1) { clear:none;}
	
	/* ======== 任選 Start ======== */
	.Showroom .any_display li { width:49%;}
	.Showroom .any_display li:nth-of-type(3n+1) { clear:none;}
	.Showroom .any_display li:nth-of-type(2n+1) { clear:both;}
	
	/* 購物車 */
	.Showroom .shoppingcart-wrapper td { font-size:12px;}
	.Showroom .shoppingcart-wrapper td:nth-of-type(8n+6) { width:90px;}
	.Showroom .shoppingcart-wrapper td:nth-of-type(8n+7) { width:90px;}
	.Showroom .shoppingcart-wrapper td:nth-of-type(8n+8) { width:30px;}
	.Showroom .shoppingcart-wrapper td span select { margin:2px 0;}
	
	/*購物流程*/
	.Showroom .ShoppingFlow { max-width:420px;}
	.Showroom .ShoppingFlow img:nth-of-type(even) { display:none;}
	
	/*聯絡我們
	------------------------*/
	.ContactUs .ContactUsBox { padding:0;}
	.ContactUs .ContactUsBox label { width:100%; display:block; height:auto; overflow:hidden; position:static; text-align:center; background:#777; color:#fff;}
	.ContactUs .ContactUsBox input[type="text"] { width:100%;}
	.ContactUs .ContactUsBox .ContactUsBoxR { background:#fff; padding:10px;}
	.ContactUs .ContactUsBoxL { padding:5px;}
	.ContactUs .ContactUsBox textarea { max-width:100%;}
	
	/*線上諮詢
	------------------------*/
	.Inquiry .Contactform ul li { padding:0; position:static;}
	.Inquiry .Contactform ul li h3 { position:static; width:100%; height:40px; line-height:40px; background:#333; text-align:center; color:#fff;}
	.Inquiry .Contactform ul li:nth-child(even) { background:#f6f5f5;}
	.Inquiry .Contactform ul li .ContactformBox * { float:none; margin:0; line-height:24px; height:auto;}
	.Inquiry .Contactform ul li .ContactformBox { text-align:center; padding:10px;}
	.Inquiry .Contactform ul li .ContactformBox input[type="text"], .Inquiry .Contactform ul li .ContactformBox input { width:100%;}
	.Inquiry .Contactform ul li .ContactformBox select { width:100%; margin-bottom:3px;}
	.Inquiry .Contactform ul li .ContactformBox:last-of-type span { display:inline-block; margin:0; height:auto; line-height:inherit;}
	.Inquiry .Contactform ul li .ContactformBox:last-of-type span a { display:inline-block; line-height:inherit;}
	.Inquiry .Contactform ul li .ContactformBox:last-of-type span img { display:block; line-height:inherit;}
	.Inquiry .Contactform ul li .ContactformBox:last-of-type span input { line-height:inherit; outline:none; border:1px solid #ccc;}
	
	/*交流園地
	------------------------*/
	.Forum .ForumFormWrap .ForumFormBox { position:static; padding-left:0px; background:#eee;}
	.Forum .ForumFormWrap .ForumFormBox .ForumFormBox-L { position:static; width:100%; top:auto; left:auto; text-align:center;}
	.Forum .ForumFormWrap .ForumFormBox .ForumFormBox-R { background:#fff;}
	.Forum .ForumFormWrap .ForumFormBox .ForumFormBox-R input { max-width:100%;}
	
	/*會員專區
	------------------------*/
	/*加入會員*/
	.Member .memberform ul li { padding:0; position:static;}
	.Member .memberform ul li h3 { position:static; width:100%; background:#333; text-align:center; color:#fff;}
	.Member .memberform ul li:nth-child(even) { background:#f6f5f5;}
	.Member .memberform ul li .memberformBox * { float:none; margin:0; line-height:24px; height:auto;}
	.Member .memberform ul li .memberformBox { text-align:center; padding:10px;}
	.Member .memberform ul li .memberformBox input[type="text"], .Member .memberform ul li .memberformBox input { width:100%;}
	.Member .memberform ul li .memberformBox input#txtZipCodeID { width:3em; margin-bottom:3px;}
	.Member .memberform ul li .memberformBox input#txtZipCodeTwo { width:2em; margin-bottom:3px;}
	.Member .memberform ul li .memberformBox input#txtAddr { width:100%; margin-bottom:3px;}
	.Member .memberform ul li .memberformBox input[type="radio"] { width:auto; margin:0;}
	.Member .memberform ul li .memberformBox select { width:100%; margin-bottom:3px;}
	.Member .memberform ul li .memberformBox:last-of-type span { display:inline-block; margin:0; line-height:inherit;}
	.Member .memberform ul li .memberformBox:last-of-type span a { display:inline-block; line-height:inherit;}
	.Member .memberform ul li .memberformBox:last-of-type span img { display:block; line-height:inherit;}
	.Member .memberform ul li .memberformBox:last-of-type span input { line-height:inherit; outline:none; border:1px solid #ccc;}
	/*會員登入*/
	.memberlogin ul li h3 { position:static; width:100%; text-align:center; background:#eee;}
	.memberlogin ul li .memberlogin_box { padding:10px;}
	.memberlogin ul li { padding-left:0;}
	
	/* 訂單查詢表單 */
	.Showroom .ordsrhform ul li { padding-left:0;}
	.Showroom .ordsrhform ul li h3 { position:static; width:100%; text-align:center; background:#eee;}
	.Showroom .ordsrhform ul li .ordsrhform_box { padding:10px;}
	
	/* 訂單 */
	.OrdSrhItem_Detail .order-wrapper td { font-size:12px;}
	.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+3) { display:none;}
	.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+4) { display:none;}
	.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+6) { width:95px;}
	.OrdSrhItem_Detail .order-wrapper td:nth-of-type(7n+7) { width:90px;}
	.OrdSrhItem_Detail .order-wrapper2 td:nth-of-type(4n+1) { width:70px;}
	.OrdSrhItem_Detail .order-wrapper2 td:nth-of-type(4n+2) { width:auto;}
	.OrdSrhItem_Detail .order-wrapper2 td:nth-of-type(4n+3) { width:70px; display:table-cell;}
	.OrdSrhItem_Detail .order-wrapper2 td:nth-of-type(4n+4) { width:auto; display:table-cell;}
	/* 購物車 */
	.Shopping_Detail .shoppingcart-wrapper td:nth-of-type(8n+3) { display:none;}
	.Shopping_Detail .shoppingcart-wrapper td:nth-of-type(8n+4) { display:none;}
	.Shopping_Detail .shoppingcart-wrappertwo td:nth-of-type(8n+3) { display:table-cell;}
	.Shopping_Detail .shoppingcart-wrappertwo td:nth-of-type(8n+4) { display:table-cell;}

	/*服務據點
	------------------------*/
/*	.RetailWrap .MapSearchWrap .MapSearchBox { width:100%; margin-bottom:10px; text-align:center;}
	.RetailWrap .MapSearchWrap .MapSearchBox > span { float:none;}
	.RetailWrap .MapSearchWrap .MapSearchButton { float:none; clear:both; margin:0 auto;}*/
	
	/*文章報報列表
	------------------------*/
	.DiaryWrap .DiaryContentWrap { padding:10px;}
	.DiaryWrap .DiaryContentWrap .DiaryPhotoWrap { position:relative; max-width:100%; padding-left:100px; top:auto; left:auto; margin-bottom:10px;}
	.DiaryWrap .DiaryContentWrap .DiaryPhotoWrap .DiaryPhoto { position:absolute; top:0; left:0; margin:0;}
	
	/*我要回覆*/
	.DiaryWrap .PageDiary h1 { background:#333; color:#fff;}
	.DiaryWrap .PageDiary .PageDiaryBox { padding-left:0; position:static;}
	.DiaryWrap .PageDiary .PageDiaryBox > span.tdLTitle { position:static; background:#eee; text-align:center; width:100%;}
	.DiaryWrap .PageDiary .PageDiaryBox input { width:100%;}
	
	/*友站連結
	------------------------*/
/*	.PageLink li.PageLinkLi { padding-left:15px; position:static;}
	.PageLink li.PageLinkLi .Photo { position:static; top:auto; left:auto; margin:0 auto; width:100%; height:auto;}
	.PageLink li.PageLinkLi .Photo a { display:block; width:100%; height:auto; overflow:hidden;}
	.PageLink li.PageLinkLi .Photo a img { display:block;}*/
	
	/*行事曆大事件及線上預約
	------------------------*/
	.Calendar .Classroom_prv .Classroom_prv_btn { max-width:250px; }
	.Calendar .Classroom_prv .Icon_ClassroomAppointments { width:100%; margin:5px auto;}
	.Calendar .Classroom_prv .Icon_ClassroomCancel { width:100%; margin:5px auto;}
	.Calendar .calendarform ul li h3 { position:static; width:100%; text-align:center; background:#eee;}
	.Calendar .calendarform ul li .calendarform_box { padding:10px;}
	.Calendar .calendarform ul li { padding-left:0;}
	
	/*相簿
	------------------------*/
/*	.css_AlbumFrame { width:100%; margin:0; margin-bottom:10px;}
	.css_AlbumPhotoFrame { width:100%; margin:0; margin-bottom:10px;}*/
	/*左側時*/
/*	.PageContent-Right .css_AlbumFrame { width:100%; margin-right:0;}
	.PageContent-Right .css_AlbumPhotoFrame { width:100%; margin-right:0;}*/
	/*Album09*/
/*	.Album09Wrap .shareBg .DateBtnWrap { width:100%;}
	.Album09Wrap .shareBg a.DateBtn { width:31%; margin:0 1.15%; font-size:12px;}*/
	
	/*SiteMap設定
	------------------------*/
/*	.SiteMap .SiteMapWrapper dl { width:100%;}
	.SiteMap .SiteMapWrapper dl:nth-of-type(2n+1) { clear:both;}*/
	
	}
@media only screen and (min-width:0px) and (max-width:460px) {
	
	/*服務據點
	------------------------*/
/*	.RetailWrap .retailresultlist li { width:100%; border:none; border-bottom:1px dashed #ccc; margin:0;}
	.RetailWrap .retailresultlist li:nth-of-type(2n+1) { clear:none;}
	.RetailWrap .retailresultdata .map_canvas { height:250px;}*/
	
	/*文章報報列表
	------------------------*/
	.DiaryWrap .DiaryList { padding:10px;}
	.DiaryWrap .DiaryList .DiaryPhoto { position:static; float:none; margin:10px auto;}
	
	/*影片分享
	------------------------*/
	/*使用影片*/
	.Media .Media-videos {	width: 100%; margin:15px 0;}
	.Media .PageMedia .Media-videos {	width: 100%; margin:15px 0;}
	
	/*相簿
	------------------------*/
/*	.AlbumPhotoListTitle .Back { display:none;}
	.AlbumPhotoListTitle .BTN_Pre { float:left;}
	.AlbumPhotoListTitle .Next { float:right;}*/
	
	/*Showroom04*/
	.Showroom .ProductList li {max-width:none; height:auto; margin:0; margin-bottom:10px;}
	.Showroom .ProductList li img { width:100%; max-height:none;}
	.Showroom .ProductList li.Big { max-width:none; max-height:none;}
	.Showroom .ProductList .SectionWrapper { width:100%; height:auto;}
	/*Showroom07*/
	.Showroom .ProductListOne ul { width:100%;}
	.Showroom .ProductListOne ul:nth-of-type(2n+1) { clear:none;}
	
	/*產品內頁*/
	.Showroom .product-detail-descr ul li.product-detail-descr-li { width:25%; height:auto; overflow:hidden; padding:0;}
	
	/* ======== 任選 Start ======== */
	.Showroom .any_display li { width:100%; max-width:250px; float:none; height:auto; margin:0 auto; margin-bottom:20px;}
	.Showroom .any_display li:nth-of-type(2n+1) { clear:none;}
	
	/* 購物車 */
	.Showroom .shoppingcart-wrapper td { text-align:left;}
	
	/*購物流程*/
	.Showroom .ShoppingFlow { display:none;}
	
	/* 訂單 */
	.ugC_OrdSrhItem .order-wrapper td:nth-of-type(8n+7) { display:none;}
	.ugC_OrdSrhItem .OrdSrhItemSearch > span > span { display:block; width:100%; height:auto; overflow:hidden; float:left;}
	
	}
@media only screen and (min-width:0px) and (max-width:360px) {
	
	/*========按鈕設定========*/
	/*兩個按鈕時*/
/*	.Btn_Two { max-width:120px;}
	.Btn_Two .GoBack { margin:5px auto; width:100%;}*/
	
	/*三個按鈕時*/
/*	.Btn_Thr { max-width:120px;}
	.Btn_Thr .GoBack { margin:5px auto; width:100%;}*/
	
	/*會員登入
	------------------------*/
	.Member .MemberFlow img { float:none; clear:both; max-width:100%; margin:5px auto;}
	
	/*推薦商品*/
	.Showroom .product-detail-relateditle li { width:100%; max-width:180px; float:none; margin:0 auto; margin-bottom:10px;}
	.Showroom .product-detail-relateditle li:nth-of-type(2n+1) { clear:none;}
	.Showroom .product-detail-relateditle li:nth-of-type(1n+1) { clear:both;}
	/*搭贈*/
	.Showroom .product-detail-free li { width:100%; max-width:180px; float:none; margin:0 auto; margin-bottom:10px;}
	.Showroom .product-detail-free li:nth-of-type(2n+1) { clear:none;}
	.Showroom .product-detail-free li:nth-of-type(1n+1) { clear:both;}

	}

/*2014.4.24 新增*/
.clear{clear:both;_height:0px;_overflow:hidden;}
.back-wrapper{padding:20px 0 0 0;text-align:center;}


.formbtn{text-align:center;padding:20px 0 0 0;}




.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:100%; height:auto; overflow:hidden; float:right; margin:10px 0;}


/*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 .TrackPhoto { position:relative; padding-left:80px;}
.PageContent table.TrackView .TrackPhoto img { margin-left:0; max-width:100px; height:auto; position:absolute; top:5px; left:10px; max-height:40px;}
.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 解決產品名稱過長問題*/
.product-detail-content h1.product { width:100%; height:auto; overflow:hidden;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-word;}