/* Minification failed. Returning unminified contents.
(371,36): run-time error CSS1038: Expected hex color, found '#fffff'
 */
@charset "utf-8";
/* 這支是要重置所有元素的預設屬性。除非你知道你在做什麼，否則不要更動這支 CSS!!!
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, label,
caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-style: inherit;
font-family: inherit;

}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
	line-height: 1;
	color: #2F4059;
	background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
/* text-align: left; */
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
cite {
font-weight:normal;
font-style:normal;
}
a, a:visited, a:hover, a:active {
    text-decoration: none;
    /*color: inherit;*/
}

body{ background:#f9f9f9; font-family:"微軟正黑體"; width:100%; height:100%;}
a, a img{ text-decoration:none;}
.index_item hr {
  border:0; height:1px; background-color:#EF6C00;
}
.container{ display:block; width:1200px; margin:0 auto;}
.main{ margin:20px auto;;}
.board{ display:block; width:900px; margin:10px auto; background:#fff; border:1px #cdcdcd solid; padding:20px;}
.footer_container{ display:block; width:680px; margin:0 auto;}
.pull-left{ display:block; float:left;}
.pull-right{display:block; float:right;/*width: 570px;*/}
.radius{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.send  { text-align:center}
.button{ font-size:20px; color:#2F4059; margin:30px 10px; font-family:"微軟正黑體"; display:inline-block;}

.pagination { padding: 20px; margin: 10px; text-align:center}
.page { display: inline-block; padding: 10px; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; background: #e9e9e9;font-size: 14px; font-weight: bold; text-decoration: none; color: #717171;}
.page:hover, .page.gradient:hover { background: #fefefe;}
.page.active { border: none; background: #EF6C00; color: #f0f0f0; }

.register{ min-height:450px;}
.register h2{ font-size:36px; text-align:center; color:#606060; margin:20px;}
.register p { font-size:16px; text-align:left;   color:#666666; margin:20px; line-height:26px;}
.register p2{ font-size:14px; text-align:left;   color:#999999; margin:20px; line-height:26px;}
.register h3{ font-size:16px; text-align:center; color:#606060; margin:20px;}
.register h4{ font-size:18px; text-align:left; color:#2F4059; margin:22px;}
.register h5{ font-size:16px; text-align:left; color:#606060; margin:20px;}
.register .form{ display:block; width:100%; clear:both; height:20px; margin-top:40px;}
.register p input{ dispaly:block; float:left; border:none; width:740px; height:18px; background:#efefef; padding:5px;}
.register .input-block-level{background: #efefef;border: none; font-size:20px; margin-left: 10px;}
.register p span { dispaly:block; float:left;}
.register p2 span{ margin-left: 100px; color:#e00000 }
.register p span.notice{ float:left; color:#2F4059; font-weight: bold; width:120px; font-size: 18px;}

.member{ min-height:650px; padding:0 20px; margin:30px auto;}
.member h2{ font-size:32px; /*text-align:center;*/ color:#666666; /*padding:20px; font-weight:normal; */margin:20px;}
.member h2 span{ color:#2F4059;}
.member a span{color: #ffffff;}
.member h3{ font-size:36px; text-align:center; color:#2F4059; margin-bottom:20px;padding-left: 30px;}
/*.member h3{font-weight: normal;font-size:32px;border-bottom:1px solid #606060;margin:0 15px 10px 30px;cursor: default;background-color: #606060;display: inline;padding: 5px 15px 5px 15px;float: left;-webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px; border-top: 1px solid #847B34;border-left: 1px solid #967800;color: #fff;}*/
.memberbox{ display:block; float:left; width:379px; height:100px; background:#2F4059; border:1px #cdcdcd solid; margin-left:45px; margin-bottom:30px; cursor:pointer; padding-top:20px;font-size:26px; font-weight:normal; margin-top:20px; line-height:36px; text-decoration:none; color:#fff}
.memberbox:hover{ background:#384E6F;}
.member_box_other{ display:block; width:828px; height:auto; border:1px #cdcdcd solid; margin-left:30px; background:#fff; padding:20px;}
.member_box_other p3{ font-size:20px; padding-left:20px; line-height:40px; font-weight:normal; margin:20px; color:#999; display:block}
.member_box_other p3 span{ color:#2F4059;}
.member_box_other .form{ display:block; clear:both; height:20px; margin-top:40px; font-size:20px; color:#2b709b; padding-left:40px;}
.member_box_other p input{ dispaly:block; float:left; border:none; width:600px; height:24px; background:#efefef; padding:5px;}
.member_box_other p span { dispaly:block; float:left; /*width:130px;*/ margin-top:5px; }
.member_box_other p2     { padding-left:40px; clear:both; width:100%; line-height:30px;}
.member_box_other .title, .cart .title{ background:#606060; color:#fff; width:100%; height:52px; font-size:18px; text-align:center}
.member_box_other .content{ width:100%; height:44px; font-size:14px; text-align:center; padding:5px; color:#333 }
.member_box_other .content a, .cart .content a{ text-decoration:none; color:#ff9000 }
.member_box_other .content strong, .cart .content strong{ color:#d90000; font-size:16px;}
.member_box_other .number, .cart .number{ width:50px; height:20px; text-align:center}
.member_box_other .title{ background:#606060; color:#fff; width:100%; height:52px; font-size:18px; text-align:center}
.member_box_other .content{ width:100%; height:44px; font-size:14px; text-align:center; padding:5px; color:#333 }
.member_box_other .content a{ text-decoration:none; color:#ff9000 }
.member_box_other .order_hr hr{ border: 0; height: 0;   border-top: 1px solid #ccc; margin:0; padding:0}
.member_box_other .orderbox{ background:#efefef}
.orderbox .order_name{width: 250px;}
.orderbox td{line-height: 16px;}

.member_box_other .number{ width:50px; height:20px; text-align:center}
.member_box_other .name{ width:620px; height:30px; text-align:left}
#e_order{margin-top: 15px;}
.cart .title td{ font-size:16px; line-height:26px;}
.cart .strong{ font-size:18px;}
.cart .strong strong{ font-size:22px;}
.cart .name{ width:95%; height:30px; text-align:left}
.cart hr{    border: 0; height: 0;   border-top: 1px solid #ccc; }
.cart .content { width:100%; height:44px; font-size:18px; text-align:center; padding:5px; color:#333; line-height: 30px; }
.cart .content img{ width:auto; max-height:40px; vertical-align:middle; margin:10px 5px;}
.cart .shipping{ color:#ff0000}
.cart p2{ font-size:20px; line-height:50px;}
.cart p2 span{ margin:0;}
.cart p2 a{ color:#EF6C00;font-weight: 800;}
.cart .field-validation-error { color:#ff0000;display: block;}

.text-center{ text-align:center!important}
.return p{  padding-left:20px; clear:both; width:100%; line-height:30px; font-size:16px;}
.steps { width:830px; height:100px; display:block; text-align:center}
.step {	display:inline-block; position: relative; line-height: 24px; padding: 10px 15px 10px 65px; background-color: #2F4059; margin-right: -4px;
  vertical-align: top; overflow: hidden; border-color: #fff; border-style: solid; border-width: 1px 0; color:#fff;}
.step:before {  content: '';  display: block;  position: absolute;  top: 6px;  left: -36px;  background: #2F4059;  border-top: 1px solid #fff;
  border-right: 1px solid #fff;  width: 60px;  height: 60px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.step.complete { overflow: hidden;}
.step.active + .step:before { background: white;  border-color: #767676; -webkit-box-shadow: 0 0 10px #767676; box-shadow: 0 0 10px #767676;}
.step:first-of-type { padding-left: 20px; border-left-width: 1px;}
.step:first-of-type:before { display: none;}
.step:last-of-type { border-right-width: 1px;}

/*itemlist========================*/
.itemlist{ min-height:450px; padding:0 20px; margin:30px auto;}
.itemlist h2{font-size:36px; text-align:center; color:#606060; margin-bottom:20px;}
.nlist_info{ display:inline-block; text-align:center }
.nlist_info ul li{ padding:10px; display:inline-block; width:236px; height:400px; border:1px #cdcdcd solid; margin:20px 0 20px 30px; overflow:hidden; background:#fff}
.nlist_cover{ width:236px; height:300px; overflow:hidden; text-align:center}
.nlist_cover img{ width:auto; height:auto; max-height:300px; max-width:236px;}
.info_text h3{ color:#2b709b; font-size:18px; margin-top:10px; line-height: 1.2em;}
.info_text h3 a{ color:#2F4059;}
.info_text h3 a:hover{ color:#606060;}
.info_text p{color: #e88139; margin:10px 0; overflow:hidden; font-size:16px;}
.info_text { padding-top:10px;}
.info_text h4{ padding-top:10px;}
/*
.nlist_cover{ float:left;}
.nlist_cover img{ width:250px;}
.info_text{ display:inline-block; margin: 10px 0 0 15px; max-width: 500px;}


*/


/*itemcontent========================*/
.item_content{ width:858px; margin: 5px 0 0 30px; background: #fff; border: 1px #cdcdcd solid; text-align:center;}
.product_pic{ margin:10px auto; display:inline-block;}
.product_pic img{ /*float:left;*/ max-width:290px;padding-right: 20px;}
.item_title{ padding:20px 0; margin:0 20px; border-bottom: 1px dashed #cdcdcd;}
.item_title h1{color:#2b709b; font-weight: bold; font-size:20px;}
.price{ float:right; margin:8% 0 0 0; text-align:left; padding:20px; /*background-color:#CCE9F7; */border:1px solid #000000;line-height:24px; color:#333;}
.price span{ font-size: 18px; color:#e88139; font-weight:bold;}
.item_intro{ text-align:left; margin:0 20px; padding:20px; border-bottom:1px dashed #cdcdcd;}
.item_intro h4{ 
 /* border: .5px solid #E65100;
  border-radius: 5px;
  padding: 10px;*/
  font-size:20px;
  font-weight:800;
  margin:0 0 10px 0;
  line-height:30px;
  letter-spacing: .5px;
  color: rgb(0, 0, 255);
}
.item_intro h3{color:#2b709b; font-weight: bold; font-size:20px; margin:0 0 10px 0;}
.item_intro p{ color:#666666; line-height:30px;}
.picprev{ margin:30px auto; display:inline-block;}
.prev_pic{ display:inline-block; margin:0 20px;}
.prev_pic img{ max-width:320px;}
.prev_pic span{ display:block; color:#EF6C00; font-weight:bold;}
.addto{ display:inline-block; margin:22px 22px 50px 22px; font-size: 19px;}
.addto a{ border:1px solid #EF6C00; padding:10px; text-decoration:none; color:#EF6C00; transition:all 0.5s;} 
.addto a:hover{ background-color:#EF6C00; color:#fff}
.item_content .dashed{border-bottom: 1px dashed;margin:25px 0px 15px 0px;}
.addto1{display:inline-block; margin:22px 10px 0px 0px; font-size: 16px; /*border-bottom: 1px dashed #cdcdcd;padding-bottom: 20px;margin-bottom: 20px;*/}
.addto1 a{ border:1px solid #E65100; padding:10px; text-decoration:none; color:#E65100; transition:all 0.5s;} 
.addto1 a:hover{ background-color:#E65100; color:#fff}
.addto1 img{padding-right:4px;}
/*service========================*/
.service{ text-align:left; margin:0 20px; padding:20px;}
.service h3, .service_info span{color:#2F4059; font-weight: bold; font-size:20px; margin:20px 0 10px 0; line-height:30px;}
.service p{ color:#666666; line-height:30px; margin:0 0 20px 0;}
.service_info{ text-align:center; padding:20px; background-color:#efefef; line-height:24px; color:#333; margin: 0 0 20px 0;}

.header{ display:block; width:100%; height:89px;}
.header h1 img{ position: absolute; z-index: 999;}
.header .tools ul{ height:89px;}
.header .tools li{ display:block; float:left; width:auto; font-size:19px; margin-top: 22px;}

.header #rndShareBtn img{width: 40px;height: 40px;padding: 10px 8px 0px 0px;}
.header #rndShareBtn li a:hover{display: inline-block;text-decoration: none;transition: all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;}
.header #rndShareBtn li a:hover {-ms-transform: translateY(-4px);-webkit-transform: translateY(-4px);transform: translateY(-4px);}

.ShareBtn {display: inline-block;margin: 20px 0 0 30px;background: #fff;border: 1px #cdcdcd solid;width: 828px;padding: 15px;}
.ShareBtn img{ width: 50px;height: 50px;padding: 10px 8px 0px 0px;}
.ShareBtn ul li{display:inline-block;}
.ShareBtn li a:hover{display: inline-block;text-decoration: none;transition: all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;}
.ShareBtn li a:hover {-ms-transform: translateY(-4px);-webkit-transform: translateY(-4px);transform: translateY(-4px);}

.header .tools .border{ display:block;  margin:10px; margin-top:42px; }
.header .tools .border a{ border:1px solid #e88139; padding:5px; text-decoration:none; color:#e88139; transition:all 0.5s;} 
.header .tools .border a:hover, .header .tools .active a{ background-color:#d45700; color:#fff }

.qr{ text-align:left; margin: 0 10%;}
.qr_pic{ display:inline-block; margin:20px; text-align: center;}
.qr_pic img{ max-width:180px;}
.qr_pic span{ display:block; color:#2b709b; font-weight:bold;}

.text-center{ text-align:center!important}

.header{ display:block; width:100%; height:89px;}
.header h1 img{ position: absolute; z-index: 999;}
.header .tools ul{ height:89px;}
.header .tools li{ display:block; float:left; width:auto; font-size:19px; margin-top: 22px;}
.header .tools .border{ display:block;  margin:10px 5px 10px 5px; margin-top:42px; }
.header .tools .border a{ border:1px solid #2F4059; padding:5px; text-decoration:none; color:#2F4059; transition:all 0.5s;} 
.header .tools .border a:hover, .header .tools .active a{ background-color:#2F4059; color:#fff }

.navigation{ clear:both; display:block; width:100%; height:42px; background: url("../images/header_bg.jpg") #EF6C00 no-repeat center bottom;}
.navigation ul{ text-align:right; margin-right:10px; color:#fff}
.navigation li{ display:inline-block; line-height:40px; font-size:18px;}
.navigation li a{ color:#fff; text-decoration:none; transition:0.5s all;}
.navigation li a:hover, .navigation li .active{ color:#2F4059;}
.navigation li a img{width: 15px;}

.sidebar{ display:block; float:left; width:300px; height:auto; margin-bottom:30px;}
.sidebar h3{ font-size:28px; text-align:center; color: #e88139; margin:14px;}
.sidebar_list{ display:block; width:298px; height:auto; background:#fff; border:1px #cdcdcd solid;}
.sidebar_ad{ display:block; width:298px; height:147px; margin-top: 20px;}
.sidebar_ad img{ width:300px; height:147px; margin:0 auto; transition:all .5s;}
.sidebar_ad img:hover{ opacity:0.8;}
.sidebar_content{ display:block; width:298px; height:auto; background:#fff; border:1px #cdcdcd solid; margin-bottom:20px;} 
.sidebar_content .item { display:block; width:278px; height:auto; min-height:88px; margin:0 auto; padding:0 10px;}
.sidebar_content .item .item_photo{ display:block; float:left; width:80px; height:80px; vertical-align:middle; margin:0 10px;}
.sidebar_content .item .item_photo img{ display:block; width:auto; height:auto; max-width:80px; max-height:80px; margin:0 auto }
.sidebar_content .item a h4{ display:block; margin:10px; color:#2F4059; padding-top: 1%;}
.sidebar_content .item a h4:hover{ opacity:0.8;}
.sidebar_content .item p{ color:#e88139}
.sidebar_content_hr{ border: 0; height: 0;  border-top: 1px solid #ededed; clear:both; margin-bottom:15px; margin-top:15px }
.sidebar_content .item .item_photo2{ display:block; width:258px; height:auto; vertical-align:middle; margin:0 10px;}
.sidebar_content .item .item_photo2 img{ width:auto; height:auto; max-width:258px; margin:0 auto }
.sidebar_content .item a h5{ display:block; margin:14px; color:#666; text-align:center; font-size:18px; font-weight:normal;}

.index_content{ display:table;}
.index_content a{text-decoration:none}
.index_box{ display:block; float:left; width:250px; height:450px;/* border:1px #cdcdcd solid;*/box-shadow: 0 1px 2px rgba(0,0,0,.3); background:#fff; margin:10px 0px 30px 66px;} 
.index_box:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.index_box-1{display:block; float:left; width:250px; height:450px;/* border:1px #cdcdcd solid;*/box-shadow: 0 1px 2px rgba(0,0,0,.3); background:#fff; margin:10px 0px 30px 0px;}
.index_box-1:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.index_content .index_item h3 .h3-wrap{border-bottom: 6px solid ; color: #EF6C00;font-size: 24px;}
.index_content .index_item .h3-more{text-align: right;color: #073c81;display: inline-block;width: 100%;}
.index_content .index_item  .h3-more a{float:right;border:1px solid #EF6C00;border-radius: 100px;  padding:5px; text-decoration:none; color:#EF6C00; transition:all 0.5s;}
.index_content .index_item  .h3-more a:hover{ background-color:#EF6C00; color:#fff; }
.index_content .index_item h3>img{width: 90px;padding-left: 8px;position:relative;top:10px; }


.index_box-1 p, .index_box p, .index_box_other p{ font-size:16px; font-weight:bold;/* margin-top:20px;*/ line-height:36px; text-decoration:none;margin-left: 10px;}
.index_box-1 h4, .index_box h4{margin-left: 10px;padding-top: 10px;}
.index_box-1 small, .index_box small{margin-left: 10px;}
.index_box-1 h5, .index_box h5, .index_box_other h5{ font-size:14px; color:#666666; float:right; padding-right:10px; /*font-family:Arial; margin-top:10px;*/ text-decoration:none;font-weight: 400;} 
/*.index_box .tag{ margin:12px auto 12px 10px;}*/
/*.index_item{overflow: hidden;text-align: center;}*/
.index_box .tag_img{height: 350px; overflow: hidden;}
.index_box img{width: auto;height: auto;min-height: 333px;max-width: 250px;} 
.index_box.tag_img{ width: 100%;overflow: hidden; }
.index_box-1 .tag_img{height: 350px; overflow: hidden;}
.index_box-1 img{width: auto;height: auto;max-height: 333px;max-width: 250px;} 
.index_box-1.tag_img{ width: 100%;overflow: hidden; }
.tag1{ color:#d7a968}
.tag2{ color:#e17aa5}
.tag3{ color:#6aa5ca}
.tag4{ color:#88bb56}
.tag5{ color:#a778b9}
.index_box_other{ clear:both; display:block; width:100%; height:108px; border:1px #cdcdcd solid; /*margin-left:30px;*/ background:#fff; margin-bottom:30px;}
.index_box_other p2{ font-size:#333333; font-size:20px; padding-left:55px; line-height:40px; color:#666666}


.history{ display:inline-block; margin: 20px 0 0 30px; background: #fff; border: 1px #cdcdcd solid; width:828px; padding: 20px;}
.history h3{ font-size:20 px; text-align:left; color:#2b709b; margin:5px;}
.history li{ width:143px; height:133px;	float:left;	margin:10px; border: 1px #cdcdcd solid;}
.history li .center{ width:143px; height:133px;	display:table-cell; text-align:center; vertical-align:middle;/*圖片水平垂直置中*/}
.history li .center img{ max-width:143px; width:auto; height: auto; max-height:143px; transition:all .5s;}
.history li .center img:hover{ opacity:0.6}

.custom{ text-align:center; }
.custom p{ background:#2b709b; width:818px; margin:20px; text-align:center; color:#fff; padding:20px 0; font-size:22px;}
.custom p2{ background:#654d9d; width:818px; margin:20px; text-align:center; color:#fff; padding:20px 0; font-size:18px; display:block}
.custom a{ color:#fff; padding:20px 0; font-size:18px;}
.custom_box{ display:block; width:100%; height:186px; text-align:center}
.custom_box h2, .custom_box2 h2{ font-size:22px; font-weight:normal; color:#666666; margin-bottom:10px; margin-left:30px;}
.custom_box .photo, .custom_box2 .photo{ display:block; float:left;  padding:6px; background:#fff; margin-left:30px; width:181px; height:155px; text-align:center; margin-bottom:15px;}
.custom_box .photo img, .custom_box2 .photo img{ max-width:100%; max-height:110px; width:auto; height:auto}
.custom_box .photo p, .custom_box2 .photo p{ margin-top:5px; color:#666;}
.custom_box .photo p:hover, .custom_box2 .photo p:hover{ margin-top:5px; color:#59bee8}
.custom_box .border,.custom_box2 .border{ border:1px #cdcdcd solid;}
.custom_content{ display:block; width:828px; height:auto; border:1px #cdcdcd solid; margin-left:30px; background:#fff; padding:20px; text-align:center}
.custom_content img{ width:auto; height:auto; max-width:828px;}
.custom_content p{ font-size:20px; text-align:left; margin:20px auto; color:#333; line-height:36px;}
.custom_box_hr{    border: 0; height: 0;   border-top: 1px solid #ccc; clear:both; margin-left:30px; margin-bottom:30px; }
.custom_box2{ display:block; width:868px; height:186px; text-align:center; margin-left:30px;}
.custom_box2 .custom_photo{ display:inline-block; padding:6px; background:#fff; margin-left:18px; width:181px; height:auto; text-align:center; margin-bottom:20px;}
.custom_box2 .custom_photo img{ max-width:100%; max-height:110px; width:auto; height:auto}
.custom_box2 .custom_photo p{ margin-top:5px; color:#666; line-height:22px;}
.custom_box2 .custom_photo p2{ margin-top:5px; color:#e88139; line-height:30px; font-weight:bold; font-size:18px;}
.custom_box2 .custom_photo select{ position:relative; top:-2px; margin-top:20px;} 
.custom_box2_hr{    border: 0; height: 0;   border-top: 1px solid #ccc; clear:both; margin-left:18px; margin-bottom:30px; }

.index_content .search { display:block; margin:0 0 32px 30px;}
.index_content .search p{ font-size: 20px; line-height: 40px;}
.index_content .search p span{ color: #654d9d; margin: 0 10px; font-weight: bold}
.index_content .search input{ width:753px; height:34px; border:1px solid #ccc; background:#fff; color:#333; text-indent:10px; display:inline-block; }
.index_content .search button{ width:100px; height:36px; border:0; background:#2b709b; color:#fff; display:inline-block; margin-left:10px; cursor:pointer}

.footer{ clear:both; width:100%; height:73px; background:#d4d4d4; margin-top:30px; padding-top:30px; text-align:center;}


.footer .about_menu li{ display:inline-block; font-size:14px; color:#333; height:30px }
.footer .about_menu a, .footer .about_menu p{ font-size:14px; color:#333; padding-top:7px;}

/*客製化教學頁面*/
.steps2 { display: block; width: 1000px; min-height:573px; margin: 10px auto; background: #fff; border: 1px #cdcdcd solid; padding: 20px; text-align:center}
.steps2_img{ width:845px; height:auto; }
.steps2 h2{ padding-top:100px;}
.steps2 p{ margin-left:200px;}
.steps2 p a{ color:#F38800; text-decoration:underline}
.steps2_icon { width:256px; height:auto; float:right; margin:60px; margin-right:120px;}
.searchItem{ font-size:20px; margin:5px auto;}
.searchItem a{ cursor:pointer;}
.searchCont{ clear:both;}
.searchItem ul ,.searchCont ul{	margin:0 auto; list-style:none; text-align:center}
.searchItem li { display:inline-block;}
.searchItem li  a {}
.searchItem li ,.searchCont li ,.onSearch{ display:inline-block;}
.searchItem ul .onSearch a { color:#fffff; background:#2b709b}
.onSearch{ color:#fff ; text-align:center;}
.mwt_border{ text-align:center; position:relative; margin:10px;}
.mwt_border a{ padding:5px 20px; background:#eee}
.mwt_border .arrow_r_int{ width:0px; height:0px; border-width:10px; border-style:solid;	border-color:transparent transparent transparent #2b709b; position:absolute;right:-20px;}
.mwt_border .arrow_r_out{ width:0px; height:0px; border-width:5px; border-style:solid; border-color:transparent transparent transparent #fff; position:absolute;}

/*年貨大街專區*/
.newyears_box{height:240px;}
.newyears_box img{ padding:10px; border-radius: 10px; width: 1180px;}
.newyears_type{ background:url(../images/type_title.png) no-repeat left center; height:35px;  line-height:35px; padding-left:50px; text-align:left; }
.newyears_type p{ float:left; font-size:28px; color:#fff; font-weight:600;}
.newyears_type a{ float:right; color:#c02e04; font-size:18px;}
.newyears_type a:hover{ color:#d98f00;}

/*運動專區*/
.sports_type{ background:url(../images/type_title2.png) no-repeat left center; height:35px;  line-height:35px; padding-left:50px; text-align:left;}
.sports_type2{ background:url(../images/type_title3.png) no-repeat left center; height:35px;  line-height:35px; padding-left:50px; text-align:left; }
.sports_type p, .sports_type2 p{ float:left; font-size:28px; color:#fff; font-weight:600;}
.sports_type a, .sports_type2 a{ float:right; color:#1894bf; font-size:18px;}
.sports_type a:hover, .sports_type2 a:hover{ color:#d45700;}

@charset "utf-8";
/* CSS Document */

/*cycle_set 首頁幻燈片組*/
/*圓角遮罩*/
.cycle_set .mask_lt{width:17px; height:17px; position:absolute; top:0px; left:0px;  z-index:20; background:url(../../images/mask_lt.png) no-repeat; _background-image:none;}
.cycle_set .mask_rt{width:17px; height:17px; position:absolute; top:0px; left:973px;  z-index:20; background:url(../../images/mask_rt.png) no-repeat; _background-image:none;}
.cycle_set .mask_lb{width:17px; height:17px; position:absolute; top:383px; left:0px;  z-index:20; background:url(../../images/mask_lb.png) no-repeat; _background-image:none;}
.cycle_set .mask_rb{width:17px; height:17px; position:absolute; top:383px; left:973px;  z-index:20; background:url(../../images/mask_rb.png) no-repeat; _background-image:none;}

.cycle_set .gallery{width:1180px; height:250px; padding:10px; margin:20px 0; background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px #cdcdcd solid; }
.cycle_set .gallery .run{width:1180px; height:250px; overflow:hidden; position:relative; top:-30px}
.cycle_set .gallery .run a img{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width:1180px; height:250px;}


.cycle_set .gallery .pager {width:315px; height:30px; position: relative; top:215px; left:950px;  z-index:100;
filter:alpha(opacity=70);/*IE*/ 
opacity:0.7;/*Mozilla*/ 
zoom:1;}
.cycle_set .gallery .pager a { background:#c7bdae; width:30px; height:30px; line-height:30px; text-align:center; float:left; margin-right:5px; font-size:16px; color:#FFF; /*border:1px solid #fff;*/ text-decoration:none; font-family:Verdana, Arial, Helvetica; font-weight:bold;}
.cycle_set .gallery .pager a:hover {color: #EF6C00; background:#ffffff;}
/*高亮狀態*/
.cycle_set .gallery .pager a.current { color: #fff; /*border:1px solid #900;*/ background:#EF6C00;}


/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay{
    background: #fdfdfd;
    background: rgba(0,0,0,0.85); 
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;

}

/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */

/* circle preloader */
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-circle.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(18) infinite;
       -moz-animation: playload 1.4s steps(18) infinite;
        -ms-animation: playload 1.4s steps(18) infinite;
         -o-animation: playload 1.4s steps(18) infinite;
            animation: playload 1.4s steps(18) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}


/* IOS preloader */

/*.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-ios.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/


/* dots preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:11px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-dots.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(24) infinite;
       -moz-animation: playload 1.4s steps(24) infinite;
        -ms-animation: playload 1.4s steps(24) infinite;
         -o-animation: playload 1.4s steps(24) infinite;
            animation: playload 1.4s steps(24) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
*/


/* quads preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:10px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-quads.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/
/* ----- navigation ----- */
.vbox-close{
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 46px;
    height: 40px;
    padding: 10px 20px 10px 0;
    display: block;
    background: url(../images/close.gif) no-repeat #161617;
    background-position:10px center;
    color: #fff;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-next, .vbox-prev{
    box-sizing: content-box;
    cursor: pointer;
    position: fixed;
    top: 50%;
    color: #fff;
    width: 30px;
    height: 170px;
    margin-top: -85px;
    text-indent: -100px;
    border: solid transparent; /* Using border instead of padding to keep bg image in place */
    overflow: hidden;
}
.vbox-prev{
    left: 0;
    border-width: 0 30px 0 10px;
    background: url(../images/prev.gif) center center no-repeat;
}
.vbox-next{
    right: 0;
    border-width: 0 10px 0 30px;
    background: url(../images/next.gif) center center no-repeat;
}

.vbox-title{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    padding: 6px 40px;
    overflow: hidden;
    background: #161617;
    position: fixed;
    display: none;
    top: -1px;
    left: 0;

}
.vbox-num{
    cursor: pointer;
    position: fixed;
    top: -1px;
    left: 0;
    height: 40px;
    display: block;
    color: #fff;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    background: #161617;
    display: none;
}
/* ------- inline window ------ */
.vbox-inline{
    width: 420px;
    height: 315px;
    padding: 10px;
    background: #fff;
    text-align: left;
    margin: 0 auto;
    overflow: auto;
}

/* ------- Video & iFrames window ------ */
.venoframe{
    border: none;
    width: 960px;
    height: 720px;
}
@media (max-width: 992px) {
    .venoframe{
        width: 640px;
        height: 480px;
    }
}
@media (max-width: 767px) {
    .venoframe{
        width: 420px;
        height: 315px;
    }
}
@media (max-width: 460px) {
    .vbox-inline{
        width: 100%;
    }

    .venoframe{
        width: 100%;
        height: 260px;
    }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-open{
    overflow: hidden;
}
.vbox-container{
    position: relative;
    background: #000;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.vbox-content{
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.vbox-container img{
    max-width: 100%;
    height: auto;
}
@charset "utf-8";
/* CSS Document */

/*jquery選單區塊========================*/
#qaContent {}

/*所有選單*/
#qaContent ul.accordionPart {
	MARGIN: 0;
}
/*每一大項*/
#qaContent ul.accordionPart li {
	MARGIN-TOP: 5px; PADDING-BOTTOM: 5px; list-style:none; color:#606060;
}
/*第一層標題*/
#qaContent ul.accordionPart li .qa_title {
	PADDING:5px 0 5px 20px; CURSOR: pointer; font-size:20px; 
}
#qaContent ul.accordionPart li .qa_title img{

}
#qaContent ul.accordionPart li .qa_title a:link, #qaContent ul.accordionPart li .qa_title a:visited {
	COLOR: #b3b3b3; text-decoration:none; color:#606060; font-weight:bold; line-height:34px;
}
#qaContent ul.accordionPart li .qa_title a:hover, #qaContent ul.accordionPart li .qa_title a:active, #qaContent ul.accordionPart li .qa_title .active {
	COLOR: #EF6C00!important;
}
/*第二層小標*/
#qaContent ul.accordionPart li .qa_content {
	MARGIN: 0; COLOR: #36b6dd; width:100%;
}
#qaContent ul.accordionPart li .qa_content ul {
	BORDER-BOTTOM:none; font-size:18px;  
}
#qaContent ul.accordionPart li .qa_content ul li {
	BORDER-BOTTOM:#fff 1px solid; margin:0; /*background:#FCF;*/ line-height:34px; list-style:none; background:#EF6C00; color:#fff; clear:both;
}
#qaContent ul.accordionPart li .qa_content ul li a:link, #qaContent ul.accordionPart li .qa_content ul li a:visited{color:#fff; text-decoration:none; transition:0.5s all; margin-left:35px;
}
#qaContent ul.accordionPart li .qa_content ul li a:hover, #qaContent ul.accordionPart li .qa_content ul li a:active{color:#2F4059;
}