@charset "utf-8";

/*====================Departure/EN CSS Start====================*/

header, nav, section, article, aside, time, footer { display:block;}
*, *:before, *:after { box-sizing: border-box; }
html, body { padding:0; margin:0; font-family:'微軟正黑體', "微軟正黑體"; }
img { border:0; max-width:100%; height:auto;}
html { overflow:auto; -webkit-text-size-adjust: 100%;}
.clear { clear:both;}

/*欄位大小設定*/
form .length-xxxs { width:1.5rem; max-width:100%;}
form .length-xxs { width:2rem; max-width:100%;}
form .length-xs { width:4rem; max-width:100%;}
form .length-s2 { width:6rem; max-width:100%;}
form .length-s { width:8rem; max-width:100%;}
form .length-m { width:10rem; max-width:100%;}
form .length-l { width:12.5rem; max-width:100%;}
form .length-xl { width:15rem; max-width:100%;}
form .length-xxl { width:25rem; max-width:100%;}
form .length-max { width:100%;}
form .textarealength-xl { width:15rem; height:8rem; max-width:100%;}
form .textarealength-xxl { width:25rem; height:8rem; max-width:100%;}
form .textarealength-max { width:100%; height:8rem;}
form .length-captcha { width:3rem; max-width:100%;}


/*---0.Wrapper---*/

.Wrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; background:url(../Images/NewLayout/ContentBg.jpg) center center fixed no-repeat;   -moz-background-size: cover;
-webkit-background-size: cover; -o-background-size: cover;   background-size: cover;   } 

.DefWrapper { background:#FFF;}

/*---1.TopMenu---*/

.TopMenuWrapper { width:100%; height:150px; overflow:visible; margin:0 auto; padding:15px 10px 40px 10px; border-bottom:1px solid #777777; background:#FFF; }

.TopMenu { width:100%; max-width:1680px; height:auto; overflow:visible; margin:0 auto; }
.TopMenu * { margin:0; padding:0; text-decoration:none; list-style:none; }

.TopMenu .Logo { width:250px; height:48px; overflow:hidden; float:left; font-size:18px; color:#000000; font-weight:100; position:relative; top:30px; } 
.TopMenu .Logo img { width:140px; height:48px; display:block;}
.TopMenu .Logo span { height:20px; line-height:20px; display:block; position:absolute; bottom:0; right:0; font-size:14px;}

.TopMenu .SearchLanguagesWrapper { width: 535px; height:30px; overflow:hidden; float:right; }
.TopMenu .Search { width:180px; height:30px; float:left;overflow:hidden; }
.TopMenu .Search .form { width:155px ; height:30px; overflow:hidden; float:left; padding:3.75px 0;  }
.TopMenu .Search .form #txtTopSrhData { width:100%;height:22.5px;  line-height:20px; font-family:"微軟正黑體"; padding:0 5px; }
.TopMenu .Search .searchbtn { width:25px; height:30px; background:url(../Images/NewLayout/Bu_Search.png) center no-repeat; float:left;}
.TopMenu .Languages { width:350px; height:30px; overflow:hidden; float:right; font-size:13px; color:#000000; line-height:30px; text-align:right;}
.TopMenu .Languages span { margin:0 5px;}
.TopMenu .Languages a {  color:#000000; }
.TopMenu .Languages a:hover { color:#000000; }
.TopMenu .Languages2 { display:none;}

.TopMenu .Nav { width:100%; height:40px; overflow:visible; float:right; padding-left:280px;}
.TopMenu .MainMenu { width:50%; overflow:visible; float:right; }
.TopMenu .MainMenu .MainMenuLi { width:15.6%; height:40px; line-height:40px; float:left; text-align:center;  position:relative; margin-right:1%;  }
.TopMenu .MainMenu .MainMenuLi:nth-child(5) { margin-right:0;}
.TopMenu .MainMenu .MainMenuLi a { color:#000000; font-size:16px; width:100%; height:40px; line-height:40px; display:block;   font-family: '微軟正黑體',serif;}
.TopMenu .MainMenu .MainMenuLi a:hover {  border-bottom:3px solid #777777; }

.TopMenu .MainMenu .MainMenuSub { width:100%; height:auto; overflow:hidden; background: rgba(227, 227, 227, 0.95);  border-top:3px solid #777777; display:none; position:absolute; top:36px; z-index:999; width:auto; min-width:100%; white-space:nowrap; }
.TopMenu .MainMenu .MainMenuSub li { width:100%; height:auto;  }
.TopMenu .MainMenu .MainMenuSub li a { width:100%; height:auto;line-height:1.5em; display:block; font-size:14px; color:#5a5a5a; padding:15px 10px; font-family:'微軟正黑體';}
.TopMenu .MainMenu .MainMenuSub li a:hover { color:#000;  border-bottom:none; }



/*---2.Banner---*/

.BannerWrapper { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.BannerWrapper img { display:block;}



/*---3.DefBrandStory---*/

.DefBrandStoryWrapper { width:100%; height:500px; overflow:hidden; margin:0 auto; background:url(../Images/NewLayout/Bg_DefBrand.jpg) center ;
-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover; }

.DefBrandStory { width:40%; height:auto; float:right; overflow:hidden; margin:125px 0; }
.DefBrandStory * { padding:0; margin:0; color:#FFF; text-decoration:none; text-align:left;}

.DefBrandStory h1 { font-size:50px;font-weight:100; height:90px; line-height:90px; margin-bottom:35px;text-shadow: rgb(3, 3, 3) 2px 2px 4px;}
.DefBrandStory p { font-size:24px; font-weight:100; line-height:30px; text-shadow: rgb(3, 3, 3) 2px 2px 4px;}
.DefBrandStory a { font-size:24px; font-weight:100; line-height:30px; display:block; margin-top:35px; text-shadow: rgb(3, 3, 3) 2px 2px 4px;}
.DefBrandStory a.BrandLink { display:none;}


/*---4.DefProduct&News---*/

.DefProductNewsWrapper { width:100%; height:auto;  padding:50px 50px; overflow:hidden; margin:0 auto; position:relative;}
.DefProductNewsWrapper * {   padding:0; margin:0;   }
.DefProductNewsWrapper h1 { font-size:50px;  text-decoration:none; font-weight:100;  }
.DefProductNewsWrapper img { display:block;}

.DefProduct { width:54.2%; height:auto; display:block; float:left; overflow:hidden; width:100%; padding-top:40px;}
.DefProduct h1 { color:#FFF; position:absolute;top:50%; margin-top:-33.5px; left:70px; text-shadow: rgb(3, 3, 3) 2px 2px 4px;}
.DefProduct .swiper-slide { width:16.66%; height:auto; overflow:hidden;}
.DefProduct .swiper-slide a { text-decoration:none; width:100%; height:auto; overflow:hidden; display:block;}
.DefProduct .swiper-slide a img { width:100%;}
.DefProduct .swiper-slide .Text .Name { display:block; width:100%; height:auto; overflow:hidden; text-align:center; color:black; padding:0; margin:0;}

.DefNews { width:44%;   height:auto; display:block; float:right;  overflow:hidden;}
.DefNews h1 {color:#FFF;position:absolute;  top:50%; margin-top:-33.5px; right:70px; text-shadow: rgb(3, 3, 3) 2px 2px 4px;}



.DefProductNewsWrapper .DefProduct { width:54.2%; height:auto; display:block; float:left; overflow:hidden; padding-top:0;}
/*---5.DefStore---*/

.DefStoreWrapper { width:100%; height:400px; overflow:hidden; margin:0 auto; margin-bottom: 40px; 
background:url(../Images/NewLayout/Bg_DefStore.jpg) center; -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;   }
.DefStoreWrapper .DefStore { width:230px; height:160px; display:block; background:url(../Images/NewLayout/Img_DefStore.png) center no-repeat; margin:0 auto; margin-top:120px; margin-bottom:120px; }



/*---6.Footer---*/

.FooterWrapper  { width:100%; min-height:300px; overflow:visible; margin:0 auto; padding:0 15px;  background:url(../Images/NewLayout/Line_Footer.jpg) top repeat-x, #3b3b3b; position:relative; }

.Footer { width:100%; max-width:1680px; height:auto;  margin:0 auto; padding:40px 0 25px 0;	 }
.Footer * { margin:0; padding:0; text-decoration:none; list-style:none; }

.Footer .socialnetwork { width:220px; height:32px; overflow:hidden; position:absolute; left:50%; margin-left:-110px; top:-15.5px }
.Footer .socialnetwork ul li { width:32px; height:32px; float:left; margin-right:15px;}
.Footer .socialnetwork ul li:nth-child(5) { margin-right:0; }

.Footer .Gotop { width:32px; height:32px; background:url(../Images/NewLayout/Icon_Gotop.png) center no-repeat; position:absolute; right:15px; top:-15.5px;}

.Footer .FooterSitemap { width:60%; height:30px; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:55px;}
.Footer .FooterSitemap li { width:16.66%; height:30px; line-height:30px; text-align:center; float:left; }
.Footer .FooterSitemap li a { font-size:16px; color:#FFF; }
.Footer .FooterSitemap li a:hover { color:#fff;}

.Footer .Copyright { width:100%; height:auto; margin:0 auto; text-align:center; font-size:16px; color:#FFF; }
.Footer .Copyright a { color:#FFF; text-decoration:none;}

.uGear { clear:both; width:125px; height:60px; overflow:hidden; float:right; font-size:0.8em;  }
.uGear a { text-decoration:none;color:#FFF; }
.uGear a:hover { color:#fff;}
.uGear #uGearLogo1 { width:110px; height:35px; border:0; display:block;}
.uGear #uGearLogo2 { width:110px; height:35px; border:0; display:none;}
.uGear:hover #uGearLogo1 { display:none;}
.uGear:hover #uGearLogo2 { display:block;}



/*---內頁共用設定---*/

.Breadcrumb { width:100%; height:55px; /*border-bottom:1px solid #c6c6c6;*/ overflow: hidden; padding:0 15px; background:#3b3b3b;}
.Breadcrumb p { width:100%; max-width:1680px; height:55px; line-height:55px; display:block;margin:0 auto; text-align:right; color:#ffa33c; font-size:14px; cursor: default; white-space: nowrap; text-overflow: ellipsis;    -o-text-overflow: ellipsis; overflow: hidden;}
.Breadcrumb p span { color:#d4d4d4; margin:0 5px;}
.Breadcrumb p a { color:#d4d4d4; text-decoration:none; }
.Breadcrumb p a:hover { color:#FFF;}

.PageContent {  width:100%; max-width:1680px;  overflow:hidden;  margin:0 auto;  }

.SidebarWrapper { width:25%; height:auto; float:left; padding:40px 0px 40px 20px;border-right: 1px solid #c6c6c6; margin-right:-1px;   }
.SidebarWrapper * { padding:0; margin:0; list-style:none; text-decoration:none;}
.SidebarTitle {width:70%; height:50px; line-height:50px; padding-right:15px;  font-size:25px; color:#fff; text-align:right; font-weight:normal; margin-bottom:40px; cursor: default;  float:right; 
background: #444444;
background: -moz-linear-gradient(45deg, #444444 0%, #444444 50%, #3b3b3b 50%, #3b3b3b 100%);
background: -webkit-linear-gradient(45deg, #444444 0%,#444444 50%,#3b3b3b 50%,#3b3b3b 100%);
background: linear-gradient(45deg, #444444 0%,#444444 50%,#3b3b3b 50%,#3b3b3b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#3b3b3b',GradientType=1 );}
#SlideDownButton,#SlideUpButton { display:none;}
.SidebarMenu { width:70%; height:auto; overflow:hidden; float:right;  }
.SidebarMenu .SidebarMenuLi { width:100%; height:auto; line-height:25px; font-size:16px; margin-bottom:20px;  }
.SidebarMenu .SidebarMenuLi a { width:100%; height:auto; display:block; color:#777777;border:1px solid #bcbcbc; border-right:none; padding:10px 10px 10px 20px;}
.SidebarMenu .SidebarMenuLi a:hover { color:#FFF; background:url(../Images/NewLayout/BG_Li_Hover.png) right center no-repeat,#faab69; border:1px solid #faab69; border-right:none;}
.SidebarMenu .Active a {  color:#fff; border:none; background:url(../Images/NewLayout/BG_Li_Active.png) right center no-repeat,#f18f57; border:1px solid #f18f57; border-right:none; }
.SidebarMenu .Active a:hover {  color:#fff; border:none; background:url(../Images/NewLayout/BG_Li_Active.png) right center no-repeat,#f18f57; border:1px solid #f18f57; border-right:none; }

.ContentWrapper { width:75%; overflow:hidden;  border-left:1px solid #c6c6c6; background:rgba(255,255,255,0.65);min-height: 50vh;  }
.Content { padding:40px 40px 50px 40px; width:100%; height:auto; overflow:hidden; }
.Content #tbContent { width:100%; height:auto; overflow:hidden; }
.NoData { text-align:center; font-weight:normal; color:#F00; font-size:16px;}

.css_PageList {	 height:auto; line-height:40px; overflow:hidden; margin-bottom:40px; float:right; }
.css_PageList * { display:inline-block; text-align:center; font-size:14px; }
.css_PageList a { border:1px solid #9b9b9b;margin:2px;color: #8a8a8a;text-decoration: none;padding:0; height:40px; line-height:0px; overflow:hidden;}
.css_PageList a:hover{	border:1px solid #8a8a8a;background-color:#8a8a8a;color: #ffffff;text-decoration:none;}
.css_PageList .current {border:1px solid #8a8a8a;margin:2px;background-color:#8a8a8a;color: #ffffff; text-decoration: none; padding:0; height:40px; line-height:40px; width:40px; overflow:hidden;}
.css_PageList .disabled {border:1px solid #eee;	margin:2px;	text-decoration:none;color: #ddd; }
.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:90px;}



/*---News---*/

.NewsList .ContentWrapper { width:100%; border-left:none;}
.NewsList ul.NewsList { margin:0; padding:0; list-style:none;}
.NewsList ul.NewsList li { width:33.33%; height:auto; overflow:hidden; float:left;}
.NewsList ul.NewsList li:hover img {  opacity: 0.8; }
.NewsList ul.NewsList li:nth-child(3n+1) { clear:both;}


.News .css_list ul { margin:0; padding:0; list-style:none; margin-top:30px; }
.News .css_list ul li { border-bottom:1px dashed #dadada;padding:27.5px 0 ;  font-size:16px;line-height:25px; }
.News .css_list ul li a { color:#777;  text-decoration:none;}
.News .css_list ul li a:hover{color:#ff6600;}
.News .NewsTitle { font-weight:normal; padding:0; margin:0; margin-bottom:30px;}
.News .Link a { color:#777; text-decoration:none; width:125px; height:40px;line-height:40px; font-size:16px;border:1px solid #999;text-align:center;display:block; margin:30px 0; }
.News .Link a:hover{color:#ff6600; border:1px solid #ff6600;}



/*---Product---*/

/*產品列表頁 ugC_ShowroomItem*/
.Product .SidebarMenu li.Submenu { margin-bottom:20px;}
.Product .SidebarMenu li.Submenu li { line-height: 20px; margin-bottom: 5px; padding-left:25px;}
.Product .SidebarMenu li.Submenu a { color:#5e5e5e; font-size:14px; font-style:normal;}
.Product .SidebarMenu li.SubActive a { color:#f18f57;}
.Product .SidebarMenu li.Submenu a:hover { color:#faab69;}
.Product .category-content { margin-bottom:40px;}
.Product .productlist { width:100%; height:auto; overflow:hidden; margin-bottom:40px;}
.Product .productlist * { margin:0; padding:0; list-style:none; text-decoration:none;}
.Product .productlist li { width:33.33%; height:auto; overflow:hidden; float:left; padding:20px 5px 20px 5px; margin-bottom:20px;}
.Product .productlist li:nth-child(3n+1) { clear:both;}
.Product .productlist li .img { width:90%; height:auto; overflow:hidden; margin:0 auto;}
.Product .productlist li .img a { width:100%; height:auto; display:block;}
.Product .productlist li .img a img { display:block; width:100%;  max-width:210px;  height:auto; max-height:210px; margin:0 auto;}
.Product .productlist li .productname { width:90%; height:auto; overflow:hidden; margin:0 auto; text-align:center; margin-top:10px; margin-bottom:10px;}
.Product .productlist li .productname a { color:#777; }
.Product .productlist li .productname a:hover { color:#000; }
.Product .productlist li .productcode { width:90%; height:auto; overflow:hidden; margin:0 auto;  text-align:center;}
.Product .productlist li .productcode span { color:#777; font-size:14px; }
.Product .productlist li:hover { background:url(../Images/NewLayout/Line_Footer.jpg) top repeat-x,url(../Images/NewLayout/Line_Footer.jpg) bottom repeat-x,url(../Images/NewLayout/Line_Footer.jpg) right repeat-y,url(../Images/NewLayout/Line_Footer.jpg) left repeat-y;}
.Product .productlist li:hover .productname a { color:#000; }

/*產品內頁 ugC_ShowroomItem_Detail*/
.Product .product-detail { width:100%; height:auto; overflow:hidden; position:relative; }

/*產品大圖*/
.Product .product-detail-image-Wrap { width:50%; height:auto; overflow:hidden; float:left;}
.Product .product-detail-image { width:80%;  height:auto; overflow:hidden; margin:0 auto;}
.Product .product-detail-image a { max-width:100%; height:auto; display:block; margin:0 auto; }

/*產品小圖*/
.Product .product-detail .productsmallimage {  width:95%; height:auto; float:left; padding-top:10px; }
.Product .product-detail .productsmallimage ul { margin:0; padding:0; overflow:hidden; width:100%; height:auto;}
.Product .product-detail .productsmallimage li{ list-style:none; width:20%; height:auto; float:left;}
.Product .product-detail .productsmallimage li img{ width:90%; height:auto;border:#cccccc 1px solid; padding:5px; }
.Product .product-detail .productsmallimage li img:hover { border:#ff6600 1px solid; }

/*產品規格*/
.Product .productdata { width:50%; height:auto; overflow:hidden; float:right;}
.Product .productdata .socialnetwork {  list-style:none;  overflow:hidden; margin:0; padding:0; float:right;}
.Product .productdata .socialnetwork li { width:auto; float:left;}
.Product .productdata .socialnetwork li.shareTwitter { display:none;}
.Product .productdata .ProstctData-Detial { width:100%; height:auto; overflow:hidden; border-bottom:1px dotted #dadada; padding:15px 0;}
.Product .productdata .ProstctData-Detial h1.ProductName {font-size:25px; margin:0 0 15px 0; line-height:110%;color:#f18f57; font-weight:normal;}
.Product .productdata .ProstctData-Detial .lefttitle{ font-size:18px; color:#808080; padding:0; margin:0 ; line-height:1.5em;}

/*加入購物車*/
.Product .productdata .Quantity { width:100%; max-width:150px; height:30px; float:left; line-height:30px; padding:2px 8px; color:#838384; border:#d5d5d5 solid 1px; font-family:'微軟正黑體', "微軟正黑體"; font-size:15px; margin-top:15px; }
.Product .productdata a.Bu_ShoppingCart { width:100%; max-width:125px; height:30px; line-height:30px; display:block; text-align:center; text-decoration:none; color:#FFF; background:#8c5936; float:left; margin-left:20px; font-size:15px;margin-top:15px;}
.Product .productdata a.Bu_ShoppingCart:hover { background:#EF7D43; }

/*產品頁籤*/
.Product ul.ProductContentList { width:100%; height:30px; overflow:hidden; margin:15px 0; padding:0; }
.Product ul.ProductContentList li { width:100px; height:30px; list-style:none; float:left; margin-right:5px; cursor: pointer; }
.Product .ProductContentWrap { width:100%; height:auto; overflow:hidden;border-bottom:1px dotted #dadada; padding-bottom:15px;  }
.Product .ProductContent {}

/*產品顏色*/
.Product .productdata .ColorLink { width:100%; height:auto; overflow:hidden; border-bottom:1px dotted #dadada; padding-bottom:15px;}
.Product .productdata .ColorLink h2 { color:#808080; font-size:16px;}

.Product .productdata .ColorLink02 { width:100%; height:auto; overflow:hidden;  padding:0 10% 0 10%; margin:0 auto; margin-bottom:15px; display:none;}
.Product .productdata .ColorLink02 h2 { color:#808080; font-size:16px; margin-top:0;}


/*放大觀看*/
.Product a.show_big_img { width:70px; height:22px; display:block; margin:0px 0 10px 0; }

/*產品特點*/
.Features { width:100%; height:auto; margin:0 auto; overflow:hidden; padding:30px 0; border-bottom: 1px dotted #dadada;}
.Features .FeaturesTitle { display:block; margin-bottom:20px;}

/*回列表*/
.Product .Link { width:50%; clear:both; float:right;}
.Product .Link a { color:#777; text-decoration:none; width:125px; height:45px;line-height:45px; font-size:16px;border:1px solid #ccc;text-align:center;display:block; margin:40px 0 20px 0; }
.Product .Link a:hover{color:#ff6600; border:1px solid #ff6600;}

/*推薦商品*/
.productrelated { width:100%; height:auto; overflow:hidden;  border-top:1px solid #c9c8c8; padding:50px 15px 70px 15px; background:#fff;}
.productrelated h1 { color:#595454; font-size:25px; text-align:center; padding:0; margin:0; font-weight:normal; margin-bottom:75px; }
.productrelated ul { width:100%; max-width:1680px; height:auto; overflow:hidden; padding:0; margin:0; margin:0 auto;}
.productrelated li{ width:25%; 	height:auto; list-style:none; text-align:center; float:left; }
.productrelated .img { margin:0 auto;}
.productrelated .img a{ width: 270px;   height: 270px;  padding: 30px;   display: block;   overflow: hidden;   margin: 0 auto;  border: 1px solid #d4d4d4;}
.productrelated .img img {  display:block ;}
.productrelated .img:after {content:".";font-size:1px;margin-left:-1px;opacity:0;}
.productrelated .productname a { width:80%; height:auto; text-decoration:none; color:#595454; font-size:16px; display:block; margin:0 auto; margin-top:35px;  }
.productrelated .productname a:hover { color:#000;}



/*---Faq---*/

.Faq ul.faqlist { margin:0; padding:0; list-style:none; }
.Faq ul.faqlist li.record{ border-bottom:1px dashed #dadada; }
.Faq .faqlisttitle{background:url(../Images/NewLayout/Icon_Faq.png) left center no-repeat;padding:27.5px 0 27.5px 50px;cursor:pointer;color:#777777;font-size:16px;line-height:25px; }
.Faq .faqlisttitle:hover{color:#ff6600;}
.Faq .faqlistcontent{clear:both;display:block; display:none; padding:15px 0;}
.Faq .Link { color:#777; text-decoration:none; width:125px; height:40px; line-height:40px; font-size:16px; border:1px solid #999; text-align:center; display:block; float:left; margin-right:15px; margin-bottom:15px;}
.Faq .Link:hover{color:#ff6600; border:1px solid #ff6600;}



/*---ContactUs---*/

.ContactUs .Content { padding:40px 50px ;}
.ContactUs #tbContent * { padding:0; margin:0; list-style:none; text-decoration:none; font-weight:normal; }
.ContactUs #tbContent .description { color:#5b1415; margin-bottom:30px;}
.ContactUs #tbContent .mark-required,.ContactUs #tbContent .notice {  color:#F00;}
.ContactUs #tbContent .notice { font-size:14px; line-height:30px;}
.ContactUs #tbContent .contactform ul li {  border-bottom:1px dashed #dadada; padding:27.5px 15px 27.5px 15px; }
.ContactUs #tbContent .contactform ul li:nth-child(odd) { background:#f1f1f1;}
.ContactUs #tbContent .contactform ul li h3 { display: block;  padding: 5px 15px 0 0;  vertical-align: top;  width: 150px; }
.ContactUs #tbContent .contactform br.Rwd { display:none;}
.ContactUs #tbContent .contactform label { width:240px; height:auto; display:block; float:left;    line-height: 30px;}
.ContactUs #tbContent .contactform input { height: 30px; line-height: 30px;    font-family: "微軟正黑體";   padding: 0 5px; border:1px solid #CCC;} 
.ContactUs #tbContent .contactform [type="radio"] { height:auto;}
.ContactUs #tbContent .contactform #selAge,.ContactUs #tbContent .contactform #selOccu { width:150px;  height: 30px; line-height: 30px;    font-family: "微軟正黑體";   padding: 0 5px; font-size:16px;}
.ContactUs #tbContent .contactform #txtDescr {   font-family: "微軟正黑體";   padding: 0 5px; border:1px solid #CCC; }
.ContactUs #tbContent .contactform a.RefreshImage { color:#777; }
.ContactUs #tbContent .contactform a.RefreshImage:hover {color:#ff6600;  }
.ContactUs #tbContent .requireddescr { margin-top:27.5px; }
.ContactUs #tbContent .formbtn { width:100%; height:auto; margin:25px 0 30px 0;}
.ContactUs #tbContent .formbtn a {color:#777; width:125px; height:45px; line-height:45px; font-size:16px; border:1px solid #999; text-align:center; display:block; margin-right:15px; margin-bottom:15px; float:left;  } 
.ContactUs #tbContent .formbtn a:hover {color:#ff6600; border:1px solid #ff6600;}



/*---SiteMap---*/

.SiteMap .Sitemap-box { width:25%; height:auto; float:left; margin-bottom:30px; }
.SiteMap .Sitemap-box * { margin:0; padding:0; list-style:none; text-decoration:none; }
.SiteMap .Sitemap-box h2 { width:80%; height:50px; line-height:50px; font-size:20px;color:#4c4c4c; font-weight:normal;border:1px solid #929292; text-align:center;cursor: default;}
.SiteMap .Sitemap-box ul { width:80%; height:auto; overflow:hidden; }
.SiteMap .Sitemap-box li { width:100%; height:auto; line-height:20px; padding:15px; border-bottom:1px dotted #4c4c4c; font-size:16px;}
.SiteMap .Sitemap-box li:nth-child(odd) { background:#f1f1f1;}
.SiteMap .Sitemap-box li a {color:#4c4c4c;}
.SiteMap .Sitemap-box li a:hover {color:#ff6600;}
.SiteMap .Sitemap-box li.Submenu ul { width:100% ;}
.SiteMap .Sitemap-box li.Submenu ul li { width:100%; background:none; border-bottom:none; padding:10px; }


/*---Member---*/

.Member .Step_wrap { clear:both; width:100%; height:auto; overflow:hidden; text-align:center; vertical-align:top; margin:80px 0 50px 0;}
.Member .Member_Agree { width:100%; max-width:450px; height:auto; overflow:hidden; text-align:center; font-size:16px; font-weight:bold; line-height:24px; color:#ff0000; margin:0 auto; margin-top:30px; }
.Member #tbContent .formbtn01 { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:30px; margin-bottom:50px;}
.Member #tbContent .formbtn01 a {color:#777; width:125px; height:45px; line-height:45px; font-size:16px; border:1px solid #999; text-align:center; display:block; margin:0 auto;  margin-bottom:15px; text-decoration:none;  } 
.Member #tbContent .formbtn01 a:hover {color:#ff6600; border:1px solid #ff6600;}
.Member #tbContent .formbtn02 { width:100%; max-width:310px; height:auto; overflow:hidden; margin:0 auto; margin-top:30px; margin-bottom:50px;}
.Member #tbContent .formbtn02 a {color:#777; width:125px; height:45px; line-height:45px; font-size:16px; border:1px solid #999; text-align:center; display:block; margin:0 auto;  margin-bottom:15px; text-decoration:none; float:left; margin:0 10px;  } 
.Member #tbContent .formbtn02 a:hover {color:#ff6600; border:1px solid #ff6600;}
.Member #tbContent .formbtn03 { width:100%; max-width:410px; height:auto; overflow:hidden; margin:0 auto; margin-top:30px; margin-bottom:50px;}
.Member #tbContent .formbtn03 a {color:#777; width:125px; height:45px; line-height:45px; font-size:16px; border:1px solid #999; text-align:center; display:block; margin:0 auto;  margin-bottom:15px; text-decoration:none; float:left; margin:0 5px;  } 
.Member #tbContent .formbtn03 a:hover {color:#ff6600; border:1px solid #ff6600;}
.Member #tbContent .memberlogin ul ~ .formbtn03 { max-width:430px;}
.Member #tbContent .memberlogin ul ~ .formbtn03 a:nth-child(2) { width:145px;}

.Member .memberform { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Member .memberform * { padding:0; margin:0; list-style:none; text-decoration:none; font-family:"微軟正黑體"; font-weight:normal; font-size:15px; color:#303030; }
.Member .MemberFormTitle { width:100%; height:auto; overflow:hidden; text-align:center; font-size:16px; color:#FFF; background:#444444; padding:15px 10px;}
.Member .memberform ul { border-left:1px solid #dadada; border-right:1px solid #dadada;}
.Member .memberform li { width:100%; height:auto; overflow:hidden; padding:15px 10px 15px 135px; position:relative; border-bottom:1px solid #dadada; padding-left:190px; }
.Member .memberform li h3 { width:120px; width:180px; height:100%; position:absolute; display:inline-block; left:0; top:0; padding:15px 10px;}
.Member .memberform li:nth-child(odd) { background:#fefefe;}
.Member .memberform li:nth-child(even) { background:#f8f8f8;}
.Member .memberform li:nth-child(odd) h3 { background:#e8e8e8;}
.Member .memberform li:nth-child(even) h3 { background:#e1e1e1;}
.Member .memberform li h3 ~ input[type="text"],
.Member .memberform li h3 ~ input[type="password"] { width:250px;}
.Member .memberform li h3 ~ input ~ span { display:inline-block;}

.Member .memberform li .Clear { display:none;}

.Member .memberform #txtCaptchacode { width:70px; height:auto; float:left;  }
.Member .memberform #imgCaptcha { display:block; float:left; margin:0 10px; }
.Member .memberform #CaptchaReFresh { display:block; float:left; }

.Member .memberlogin { width:100%; height:auto; overflow:hidden; margin-top: 80px;}
.Member .memberlogin * { margin:0; padding:0; list-style:none; text-decoration:none; font-weight:normal; color:#303030 ; font-size:15px;}
.Member .memberlogin ul { width:100%; height:auto; overflow:hidden; max-width:500px; margin:0 auto;border-left:1px solid #dadada; border-right:1px solid #dadada;}
.Member .memberlogin li { width:100%; height:auto; overflow:hidden; position:relative;padding:15px 10px 15px 120px;border-bottom:1px solid #dadada; padding-left:150px; }
.Member .memberlogin li:nth-child(odd) { background:#fefefe;}
.Member .memberlogin li:nth-child(even) { background:#f8f8f8;}
.Member .memberlogin li.LoginTitle { padding-left:10px; text-align:center; font-size:16px; color:#FFF; background:#444444; }
.Member .memberlogin h3 { width:100px; width:140px; height:100%; position:absolute; top:0; left:0;  font-size:16px;padding:15px 10px;line-height: 30px;}
.Member .memberlogin li:nth-child(odd) h3 {  background:#e1e1e1;}
.Member .memberlogin li:nth-child(even) h3 { background:#e8e8e8;}
.Member .memberlogin #txtLoginCaptchacode {width: 70px;    height: auto;    float: left;}
.Member .memberlogin #imgCaptcha { display:block; float:left; margin:0 10px; }
.Member .memberlogin input { width:100%; height:30px;  font-family:"微軟正黑體";}
.Member .memberlogin .Btn_Two { width:260px; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.Member .memberlogin .Btn_Two .GoBack { color:#777; text-decoration:none; width:125px; height:45px;line-height:45px; font-size:16px;border:1px solid #ccc;text-align:center;display:block; margin:0; float:left; }
.Member .memberlogin .Btn_Two .GoBack:last-child { float:right;}
.Member .memberlogin .Btn_Two .GoBack:hover{color:#ff6600; border:1px solid #ff6600;}


.Member .Forget  { width:100%; height:auto; overflow:hidden; margin-top: 80px;}
.Member .Forget * { margin:0; padding:0; list-style:none; text-decoration:none; font-weight:normal; color:#303030 ; font-size:15px;}
.Member .Forget ul { width:100%; height:auto; overflow:hidden; max-width:500px; margin:0 auto;border-left:1px solid #dadada; border-right:1px solid #dadada;}
.Member .Forget li { width:100%; height:auto; overflow:hidden; position:relative;padding:15px 10px 15px 120px;border-bottom:1px solid #dadada;  }
.Member .Forget li:nth-child(odd) { background:#fefefe;}
.Member .Forget li:nth-child(even) { background:#f8f8f8;}
.Member .Forget li.ForgetTitle { padding-left:10px;text-align:center; font-size:16px; color:#FFF; background:#444444; }
.Member .Forget li.ForgetTitle a { color:#fff;}
.Member .Forget h3 { width:100px; height:100%; position:absolute; top:0; left:0;  font-size:16px;padding:15px 10px;line-height: 30px;}
.Member .Forget li:nth-child(odd) h3 {  background:#e1e1e1;}
.Member .Forget li:nth-child(even) h3 { background:#e8e8e8;}
.Member .Forget li input { width:100%; height:30px; font-family:"微軟正黑體"; }

.Member .ordsrhform { width:100%; height:auto; overflow:hidden; margin-top: 80px;}
.Member .ordsrhform * { margin:0; padding:0; list-style:none; text-decoration:none; font-weight:normal; color:#303030 ; font-size:15px;}
.Member .ordsrhform ul { width:100%; height:auto; overflow:hidden; max-width:500px; margin:0 auto;border-left:1px solid #dadada; border-right:1px solid #dadada;}
.Member .ordsrhform li { width:100%; height:auto; overflow:hidden; position:relative;padding:15px 10px 15px 120px;border-bottom:1px solid #dadada;  }
.Member .ordsrhform li:nth-child(odd) { background:#fefefe;}
.Member .ordsrhform li:nth-child(even) { background:#f8f8f8;}
.Member .ordsrhform li.ordsrhTitle { padding-left:10px;text-align:center; font-size:16px; color:#FFF; background:#444444; }
.Member .ordsrhform li.ordsrhTitle a { color:#fff; margin:0 2px; font-size:16px;}
.Member .ordsrhform h3 { width:100px; height:100%; position:absolute; top:0; left:0;  font-size:16px;padding:15px 10px;line-height: 30px;}
.Member .ordsrhform li:nth-child(odd) h3 {  background:#e1e1e1;}
.Member .ordsrhform li:nth-child(even) h3 { background:#e8e8e8;}
.Member .ordsrhform li input { width:100%; height:30px; font-family:"微軟正黑體"; }

.Member .requireddescr { margin-top:30px;} 

.Member h1.MemberFinal { text-align:center; font-weight:normal; margin-top:100px; margin-bottom:0;}

.Member .mark-required,.Member .notice { color:#F00;}
.Member .length-xxs { width:100%; max-width:40px; }
.Member .length-xxxs{ width:100%; max-width:30px; }
.Member .textarealength-max { width:100%; font-size:14px; font-family:"微軟正黑體";}
.Member #selOccu,.Member #selEdu { width:100%; max-width:158px; }




.Member .shoppingcart-wrapper { width:100%; height:auto; overflow:hidden;  }
.Member .shoppingcart-wrapper input,.Member .shoppingcart-wrapper select { font-family:"微軟正黑體" ;}
.Member .shoppingcart-wrapper td { font-size:16px; color:#3b3b3b; padding:15px;  border-bottom:1px solid #dadada; border-right:1px solid #dadada; }
.Member .shoppingcart-wrapper tr td:nth-child(1) {border-left:1px solid #dadada; }
.Member .shoppingcart-wrapper tr td.title { text-align:center; color:#FFF; background:#444444;}
.Member .shoppingcart-wrapper tr td.title2 { text-align:center; background:#e8e8e8; }
.Member .shoppingcart-wrapper tr td.title3 {  border-right:1px solid #dadada; width:170px;}
.Member .shoppingcart-wrapper tr:nth-child(even) td.title3 { background:#e8e8e8;}
.Member .shoppingcart-wrapper tr:nth-child(odd) td.title3 { background:#e1e1e1;}
.Member .shoppingcart-wrapper tr:nth-child(odd) td:nth-child(2) { background:#f8f8f8; }
.Member .shoppingcart-wrappertwo tr td.LoginTitle { text-align:left; background:none; color:#3b3b3b; border:none; padding-top:45px;}
.Member .shoppingcart-wrappertwo tr td.LoginTD { border:none; line-height: 30px; padding-bottom:30px;}
.Member .shoppingcart-wrappertwo tr td.LoginTD span {float:left;vertical-align:top; margin-right:15px; margin-bottom:15px; line-height:22px; }
.Member .shoppingcart-wrappertwo .ShoppingLoginDiv {overflow:hidden; width:auto; height:auto; float:left;}
.Member .shoppingcart-wrapper a { text-decoration:none; color:#3b3b3b; line-height: 30px;}
.Member .shoppingcart-wrapper a.Delete { width:15px; height:18px; display:block; }
.Member .shoppingcart-wrapper a.Delete img { display:block;} 
.Member .shoppingcart-wrapper a.LoginBtn { width:95px; height:30px; display:block;  text-align:center; line-height:30px; color:#FFF; background:#f18f57;}
.Member .shoppingcart-wrapper a.LoginBtn:hover { background:#8c5936;}
.Member .shoppingcart-wrapper img.ShoppingProductImg {vertical-align:middle; width:75px; height:auto;   }
.Member .shoppingcart-wrapper .title3_SpanWrapper2 { margin-top:10PX;}
.Member .shoppingcart-wrapper .activitymatch, .shoppingcart-wrapper .activitymatch a { color:#c20500; }
.Member .shoppingcart-wrapper .activitynotmatch, .shoppingcart-wrapper .activitynotmatch a { color:#F00; font-size:12px; }
.Member .ShoppingDetialDiv a { text-decoration:none; }

.Member a.Print { background:url(../Images/NewLayout/Bu_Print.png) left center no-repeat;-moz-background-size:16px 15px;-webkit-background-size:16px 15px;-o-background-size:16px 15px;background-size:16px 15px; width:60px; padding-left:20px; display:block; clear:both;float:right; color:#525252; text-decoration:none; font-size:14px; margin-bottom:10px; }


.Member #PrintDescr { clear:both;}

.css_NoData { text-align:center; color:#F00; margin:50px 0;}


.Member .ordsrh_detial_p { margin-top:30px; text-align:center;}
.Member .ordsrh_detial_p2 { margin-top:30px; }
.Member .ordsrh_detial_p2 a { text-decoration:none;}
.Member a.OrdSrhSend { width:95px; height:30px; display:block;  text-align:center; line-height:30px; color:#FFF; background:#f18f57; text-decoration:none;}
.Member a.OrdSrhSend:hover { background:#8c5936;}
.Member .ordsrh_Date input { font-family:"微軟正黑體"; font-size:14px; }

.Member .OrdSrhItem_srhWrap { width:100%; max-width:480px; height:auto; overflow:hidden; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.Member .OrdSrhItem_srh { width:100%; max-width:150px; float:left; overflow:hidden; margin-bottom:15px; }
.Member .OrdSrhItem_srh2 { width:100%; overflow:hidden;}
.Member .OrdSrhItem_srh2 [name="txtSOrdNum"] { margin-right:10px;}
.Member .OrdSrhItem_srh2 a { width:95px; height:30px; display:inline-block; text-align:center; line-height:30px; color:#FFF; background:#f18f57; text-decoration:none; }
.Member .OrdSrhItem_srh2 a:hover { background:#8c5936;}
.Member .OrdSrhItem_srh3 { display:inline-block;  }

.Member .OrdSrhItem_Table { width:100%; height:auto; overflow:hidden; margin-top:20px;}
.Member .OrdSrhItem_Table td { font-size:16px; color:#3b3b3b; padding:15px;  border-bottom:1px solid #dadada; border-right:1px solid #dadada; }
.Member .OrdSrhItem_Table tr td:nth-child(1) {border-left:1px solid #dadada; }
.Member .OrdSrhItem_Table tr td.title { text-align:center; color:#FFF; background:#444444;}
.Member .OrdSrhItem_Table tr td.title2 { text-align:center; background:#e8e8e8; }
.Member .OrdSrhItem_Table tr:nth-child(even) td.title3 { background:#e8e8e8;}
.Member .OrdSrhItem_Table tr:nth-child(odd) td.title3 { background:#e1e1e1;}
.Member .OrdSrhItem_Table tr:nth-child(odd) td:nth-child(2) { background:#f8f8f8; }
.Member .OrdSrhItem_Table a.Cancel { width:75px; height:30px; display:inline-block; text-align:center; line-height:30px; color:#FFF; background:#f18f57; text-decoration:none; }
.Member .OrdSrhItem_Table a.Cancel:hover { background:#8c5936;}


/*====================媒體查詢設定 Start====================*/



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


/*---1.TopMenu---*/
.TopMenu .MainMenu { width:60%;  }


}



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


/*---1.TopMenu---*/
.TopMenu .MainMenu { width:70%;  }

/*---Member---*/
.Member .shoppingcart-wrappertwo .ShoppingLogin { width:100%; float:none; clear:both; margin-top:15px;}

/*---4.DefProduct&News---*/
.DefProduct h1 {  font-size:40px;  margin-top:-27.5px; }
.DefNews h1 { font-size:40px;  margin-top:-27.5px; }



}



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


/*---1.TopMenu---*/
.TopMenu .MainMenu { width:95%;  }


/*---6.Footer---*/
.Footer .FooterSitemap { width:75%; }


/*---Products---*/
.Product .ProductDetialWrap { padding: 40px 15px 40px 15px;}
.Product .productdata { float:none;}

.productrelated .img a{ width:95%; height:auto; margin:0 auto; padding:15px;}
.productrelated .img img { margin:0 auto;}


/*---ContactUs---*/
.ContactUs .Content { padding:40px 15px ;}
.ContactUs #tbContent .contactform label { width:150px;}
.ContactUs #tbContent .notice { display:block; padding-left:150px;}


/*---SiteMap---*/
.SiteMap .Sitemap-box { width:50%; }

/*---Member---*/
.Member .memberform .AddressWrap2 { width:100%; display:block; margin:15px 0;}


}



@media only screen and (min-width:0px) and (max-width:1024px) {
	
/*---1.TopMenu---*/
.TopMenu .Logo span { display:none; }
.TopMenu .Nav { padding-left:170px;}
.TopMenu .SearchLanguagesWrapper { width:80%; float:none; margin:0 auto; margin-top:30px ; height:auto; }
.TopMenu .Search {width:100% ; float:none; padding-right:30px; position:relative;  }
.TopMenu .Search .form { width:100%;   }
.TopMenu .Search .searchbtn { position:absolute; right:0; top:0; }
.TopMenu .Languages { float:none; width:100%; text-align:center; }
.TopMenu .Languages2 {  display:none; width:130px; height:30px; overflow:hidden; font-size:13px; color:#ababab; line-height:30px; position:absolute; left:25px; top:65px;}
.TopMenu .Languages2 span { margin:0 5px;}
.TopMenu .Languages2 a {  color:#c6c6c6; }
.TopMenu .Languages2 a:hover { color:#fff; }


/*---3.DefBrandStory---*/
.DefBrandStory h1 { font-size:40px; }
.DefBrandStory p { font-size:20px; }
.DefBrandStory a { font-size:20px; }


/*---6.Footer---*/
.Footer .FooterSitemap { width:90%; }


/*---內頁共用設定---*/ 
.SidebarTitle { font-size:30px; width:100%; }
.SidebarMenu { width:100%;  }

/*---Product---*/
.Product .productlist li { width:50%; }
.Product .productlist li:nth-child(3n+1) { clear:none; }
.Product .productlist li:nth-child(2n+1) { clear:both;}

.Product .product-detail-image-Wrap { width:80%; float:none; margin:0 auto; }
.Product .product-detail .productsmallimage { width:80%; float:none; margin:0 auto; margin-top:15px;}
.Product .productdata { width:80%;  margin:0 auto; padding:10px 0 20px 0 ;  }
.Product .productdata .ColorLink { display:none;}
.Product .productdata .ColorLink02 { display:block;}
.Product .Link { width:100%}
.Product .Link a { margin:0 auto;}
.Features { width:80% ;}

/*--Member---*/

.Member .shoppingcart-wrapper td.None,.Member .shoppingcart-wrapperone tr td.title2,.Member .shoppingcart-wrapper tr td.title4 { display:none;}
.Member .shoppingcart-wrapperone td { width:100%; display:block; position: relative; padding-left: 140px; white-space: normal; text-align:left; border: 1px solid #DADADA; border-top:none;}
.Member .shoppingcart-wrapperone td:before { position: absolute; top: 6px;	left: 6px;	width: 140px; white-space: nowrap; text-align:left; color:#3b3b3b; content:attr(data-title);
 padding:10px; }

.Member .shoppingcart-wrapper tr td.title { text-align:center; padding-left:15px;}
.Member .shoppingcart-wrapper tr.ShoppingProduct { width:100%; height:auto; display:block; overflow:hidden; margin-bottom:30px; border-top: 1px solid #DADADA;}
.Member .shoppingcart-wrapper tr.ShoppingProduct:nth-child(1) { border-top:none;}
.Member .shoppingcart-wrapper tr td.price { border:none;}
.Member .shoppingcart-wrapper img.ShoppingProductImg { display:block;}

.Member .OrdSrhItem_Table tr.OrdSrhItem_Detial { width:100%; height:auto; overflow:hidden; display:block; margin-bottom:20px ; border-top: 1px solid #DADADA;}
.Member .OrdSrhItem_Table td.title2 { display:none;}
.Member .OrdSrhItem_Table td { width:100%; display:block; position: relative; padding-left: 140px ; white-space: normal; text-align:left; border: 1px solid #DADADA ; border-top:none;}
.Member .OrdSrhItem_Table td:before { position: absolute; top: 6px;	left: 6px;	width: 140px; white-space: nowrap; text-align:left; color:#3b3b3b; content:attr(data-title); 
 padding:10px; }
.Member .OrdSrhItem_Table tr td.title { text-align:center; padding-left:15px;}

}



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


/*---3.DefBrandStory---*/
.DefBrandStoryWrapper { position:relative;}
.DefBrandStory { width:100%;  }
.DefBrandStory h1 { display:none;}
.DefBrandStory p {  display:none;}
.DefBrandStory a {  display:none;}
.DefBrandStory a.BrandLink { display:block; font-size:40px; position:absolute;  top:50%; margin-top:-33.5px; right:35px; margin-top:-27.5px;font-weight: 100; }


/*---4.DefProduct&News---*/

.DefProduct { width:100%; float:none; margin:0 auto; position:relative;}
.DefProduct h1 { left:35px; }
.DefNews { width:100%; float:none; margin:0 auto;  position:relative;}
.DefNews h1 { right:35px; }
.DefProductNewsWrapper .DefProduct { width:100%; margin-bottom:30px; position:relative;}


/*---Product---*/
.productrelated { width:100%; height:auto; overflow:hidden;  border-top:1px solid #c9c8c8; padding:25px 15px 30px 15px;}
.productrelated h1 {  font-size:25px; margin-bottom:50px; }
.productrelated li{ width:50%; margin-bottom:25px; }
.productrelated .productname a {  font-size:16px;  margin-top:20px;  }


.Member .ordsrh_Date td { width:100%; height:auto; display:block;}

}



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

/*---1.TopMenu---*/
.TopMenuWrapper { height:150px;  padding:15px ; /*官網更新中字樣拿掉後可移除*/ height:165px;}
.TopMenu .Logo { display:block; width:100px; height:auto; float:none; margin:0 auto; top:5px;  } 
.TopMenu .Logo img { width:100%; height:auto; }
.TopMenu .Nav { display:none;}
.TopMenu .SearchLanguagesWrapper { width:80%; float:none; margin:0 auto; margin-top:30px ; height:auto; }
.TopMenu .Search {width:100% ; float:none; padding-right:30px; position:relative;  }
.TopMenu .Search .form { width:100%;   }
.TopMenu .Search .searchbtn { position:absolute; right:0; top:0; }
.TopMenu .Languages { float:none; width:100%; text-align:center; }
.TopMenu .Languages2 {  display:none; width:130px; height:30px; overflow:hidden; font-size:13px; color:#ababab; line-height:30px; position:absolute; left:25px; top:65px;}
.TopMenu .Languages2 span { margin:0 5px;}
.TopMenu .Languages2 a {  color:#c6c6c6; }
.TopMenu .Languages2 a:hover { color:#fff; }


/*官網更新中字樣拿掉後可移除*/
.TopMenu .Update { position:relative; width:100%; text-align:center;}



/*---3.DefBrandStory---*/
.DefBrandStoryWrapper { height:150px; }

/*---4.DefProduct&News---*/
.DefProductNewsWrapper {  padding: 10px 0; }
.DefProduct {margin-bottom:10px; width:100%;}


/*---5.DefStore---*/
.DefStoreWrapper { height:150px; }
.DefStoreWrapper .DefStore { width:161px; height:112px; margin: 19px auto; -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}



/*---6.Footer---*/
.FooterWrapper  { min-height:260PX;}
.Footer .FooterSitemap { width:100%;  margin-top:15px; margin-bottom:15px;}
.Footer .FooterSitemap li { width:100%; display:none; }
.Footer .FooterSitemap li.Map { display:block;}
.Footer .Copyright { font-size:12px;}
.uGear { float:none; margin:0 auto; text-align:center;  }
.uGear #uGearLogo1 { display:none;}
.uGear #uGearLogo2 { display:none;}
.uGear:hover #uGearLogo1 { display:none;}
.uGear:hover #uGearLogo2 { display:none;}


/*---內頁共用設定---*/
.SidebarWrapper { width:100%; height:auto; float:none; padding:0px; margin:0 auto; border-bottom:1px solid #c6c6c6; position:relative; border-right:none;  }
.SidebarTitle { font-size:20px; margin-bottom:0px; height:50px; line-height:50px; width:100%; padding-right:65px; float:none; }
#SlideDownButton, #SlideUpButton { width:50px; height:50px;  position:absolute; right:0px; top:0px; border-bottom: 3px solid #444444;border-right: 3px solid #444444;}
#SlideDownButton { display:block; background:url(../Images/NewLayout/Bu_SlideDownButton.png) center no-repeat,#fff; }
#SlideUpButton   { background:url(../Images/NewLayout/Bu_SlideUpButton.png) center no-repeat,#fff; }
#SlideMenu { display:none; }
.SidebarMenu { width:100%; margin-top:15px;float:none; padding:15px;}
.SidebarMenu li { line-height:25px; font-size:16px; margin-bottom:15px;  }
.ContentWrapper { width:100%; float:none; margin:0 auto; border-left:none; }
.Content { padding:40px 15px 50px 15px; }
.Breadcrumb p { text-align:left;}

.SidebarMenu .SidebarMenuLi a {  border-right:1px solid #bcbcbc;}
.SidebarMenu .SidebarMenuLi a:hover { border-right:1px solid #faab69; }
.SidebarMenu .Active a {    border-right:1px solid #f18f57; }
.SidebarMenu .Active a:hover {  border-right:1px solid #f18f57;; }


/*---ContactUs---*/
.ContactUs #tbContent .contactform label { width:100%; margin:10px 0;}
.ContactUs #tbContent .notice { padding-left:0px;}
.ContactUs #tbContent .contactform br.Rwd { display:inline-block;}
.ContactUs #tbContent .contactform span { display:inline-block; margin-bottom:10px;}
.ContactUs #tbContent .contactform input { width:100%; } 
.ContactUs #tbContent .contactform [type="radio"] {  width:20px;height:auto; }
.ContactUs #tbContent .contactform #selAge,.ContactUs #tbContent .contactform #selOccu { width:100%; }
.ContactUs #tbContent .contactform #txtDescr { width:100%;}
.ContactUs #tbContent .requireddescr { text-align:center;}
.ContactUs #tbContent .formbtn { width:280px; height:45px; margin:0 auto; margin-top:20px; margin-bottom:35px;  }
.ContactUs #tbContent .formbtn a { margin-right:0;}
.ContactUs #tbContent .formbtn a:nth-child(2) { float:right;}


/*---News---*/
.News .Link a { margin:0 auto; margin-top:30px; margin-bottom:30px;}


/*---SiteMap---*/
.SiteMap .Sitemap-box { width:100%;  margin-bottom:50px;}
.SiteMap .Sitemap-box h2 { margin:0 auto;  }
.SiteMap .Sitemap-box ul { margin:0 auto; }


/*---Member---*/
.Member .Step_wrap { margin:20px 0 40px 0;}
.Member .notice { width:100%; display:block; margin-top:15px; }
.Member .memberlogin { margin-top:20px;}
.Member .Forget { margin-top:20px;}
.Member .ordsrhform { margin-top:20px;}
}



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


/*---Product---*/

.Product .product-detail-image-Wrap { width:100%; }
.Product .product-detail .productsmallimage {  width:100%; }
.Product .productdata {  width:100%; }
.Product .productdata .ColorLink02 { padding:0 ;}
.Features { width:100% ;}

}

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


/*---Member---*/
.Member .Step_wrap Img.StepArrow { display:none;}
.Member .Step_wrap Img.StepImg { margin-left:1%;}
.Member .Step_wrap Img.StepImg1 { margin-left:0;}

.Member .shoppingcart-wrapper .LoginBtnWrap { float:none; clear:both;} 


}
@media only screen and (min-width:0px) and (max-width:500px) {
.Member .memberform li { padding:65px 10px 15px 10px; text-align:center; }
.Member .memberform li h3 { width:100%; height:auto; padding:15px 10px; text-align:center;}
.Member .memberform li input { height:30px; line-height:30px;}
.Member .memberform li input[type="radio"] { height:inherit; line-height:inherit;}
.Member .length-l,.Member .length-s,.Member .length-xxl { width:100%;}
.Member .memberform .AddressWrap1 { width:33%; display:block; float:left; height:auto; overflow:hidden; margin-bottom:10px;}
.Member .memberform #selContinentID,.Member .memberform #selCityID,.Member .memberform #selAreaID { width:90%; max-width:inherit;}
.Member .memberform #selOccu,.Member .memberform #selEdu { width:100%; max-width:inherit;}
.Member .memberform li #txtAddr { width:inherit; margin-top:10px;}
.Member .Step_wrap Img.StepImg { margin-left:0; margin:0 auto; margin-bottom:15px; display:none;}
.Member .Step_wrap Img.StepImg1 { margin:0 auto; margin-bottom:15px;  display:none;}
.Member .memberform li .Clear { display:block;}

.Member .shoppingcart-wrapper tr td { /*font-size:14px;*/ width:100%; height:auto; display:block; overflow:hidden; text-align:center;}
.Member .shoppingcart-wrapper tr td.title3 { position:relative; width:100%; height:auto; overflow:hidden; display:block; text-align:center;}
.Member .shoppingcart-wrapper tr td #selPMT { width:90%; margin:0 auto; display:block;}
.Member .shoppingcart-wrapper tr td .title3_SpanWrapper { text-align:center;}

.Member .OrdSrhItem_srh { max-width:inherit;}
}
@media only screen and (min-width:0px) and (max-width:480px) {
/*---3.DefBrandStory---*/
.DefBrandStory a.BrandLink { font-size:25px; right:20px; margin-top:-12.5px;}


/*---4.DefProduct&News---*/
.DefProduct h1 { left:20px; font-size:25px;margin-top:-12.5px; }
.DefNews h1 { right:20px; font-size:25px; margin-top:-12.5px;} 

/*---5.DefStore---*/
.DefStoreWrapper .DefStore { width:125px; height:87px; margin: 31.5px auto; }


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

/*---Member---*/
.Member #tbContent .formbtn03 { max-width:220px; }
.Member #tbContent .formbtn03 a,
.Member #tbContent .memberlogin ul ~ .formbtn03 a:nth-child(2) {width:100px; width:100%; font-size:14px; border:1px solid #999; margin:0 5px; margin:0 auto; margin-bottom:15px;  } 
.Member #tbContent .formbtn03 a:nth-child(1) { margin:0 auto; float:none; margin-bottom:15px;}
.Member .memberlogin li { padding:0px ; }
.Member .memberlogin li.LoginTitle { padding:15px 10px; }
.Member .memberlogin h3 { width:100%; height:inherit;  position:relative; top:inherit; left:inherit; text-align:center;}
.Member .memberlogin input { display:block; width:90%; margin:0 auto; margin-top:15px; margin-bottom:15px;}
.Member .memberlogin #txtLoginCaptchacode { width:90%; margin:0 auto; margin-top:15px; margin-bottom:10px; float:none;}
.Member .memberlogin #imgCaptcha { margin-bottom:15px;}
}


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

/*---3.DefBrandStory---*/
.DefBrandStory a.BrandLink { font-size:20px;right:15px; margin-top:-10px;}

/*---4.DefProduct&News---*/
.DefProduct h1 { left:15px; font-size:20px;margin-top:-10px; }
.DefNews h1 { right:15px; font-size:20px; margin-top:-10px;} 

/*---5.DefStore---*/
.DefStoreWrapper .DefStore { width:100px; height:70px; margin: 40px auto; }

.Product .productdata .Quantity { width:100%; max-width:inherit; }
.Product .productdata a.Bu_ShoppingCart {  width:100%; max-width:inherit; margin-left:0;}
.Product .productdata a.Bu_ShoppingCart:hover { background:#EF7D43; }

/*---Member---*/
.Member .memberform #txtCaptchacode { width:100%; float:none; margin:0 auto; margin-bottom:10px;}
.Member .memberform #imgCaptcha { float:none; margin:0 auto; margin-bottom:10px;}
.Member .memberform #CaptchaReFresh { float:none; margin:0 auto; margin-bottom:10px;}
.Member #tbContent .formbtn02 { max-width:240px; }
.Member #tbContent .formbtn02 a { margin:0 5px;width: 100px; font-size:14px;  } 

}

.PayDetail { width:100%; max-width:750px; height:auto; margin:0 auto; overflow:hidden; padding:15px; text-align:center; color:#fff; background:#fac03d;}
.PayDetail ~ ul.PayDetailList,
.PayDetail ~ ul.PayDetailList li { padding:0; margin:0; list-style:none;}
.PayDetail ~ ul.PayDetailList { width:100%; max-width:750px; height:auto; margin:0 auto; overflow:hidden; border:1px solid #fac03d; margin-bottom:20px;}
.PayDetail ~ ul.PayDetailList li { width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px;}
.PayDetail ~ ul.PayDetailList li:nth-child(even) { background:rgba(0,0,0,0.05);}
.PayDetail ~ ul.PayDetailList li span { display:block; height:auto; overflow:hidden; float:left; line-height:20px;}
.PayDetail ~ ul.PayDetailList li span.title { width:100px; }
.PayDetail ~ ul.PayDetailList li span.data.price { width:calc( 100% - 100px); text-align:right; color:#002d81; font-size:20px;}