@charset "UTF-8";
/*
 * Start Bootstrap - Half Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 

body{ font-family:Arial, Helvetica, sans-serif; background:url(../img/main_background.jpg);}


html,
body{ height:100%; margin:0;}
.hidden {display:none;}
.active {background-position: bottom;}
input[type='radio'] {width:20px;height:20px;}
.w90p {width:90%}
.w100p {width:100%} 
.pcw_1140 {max-width:1140px;margin:0 auto;}
.f1em {font-size:1em;}
.f12em {font-size:1.2em;}
.f15em {font-size:1.5em;}
.f2em {font-size:2em;}
.w10em {width:10em;}
.box {border-radius: 1em; background: #eee; padding: 2em; margin-bottom:2em;}
iframe {max-width:100%;}
table {max-width:100%;}

.pages {width:100%;text-align:center; clear:both;}
.pages ul, .pages li , .pages a {display:inline-table;margin:0;padding:0.2em;} 
.page_current {color:red}
.pointer {cursor: pointer;}

/*2018-07-22*/
.teammate_th td {text-align:center;background:#ffeba6;}
.teammate_tr td {text-align:center;background:#ffeba6;}
.teammate_tr select {padding:5px 0}
.teammate_tr input[type='text'] {padding:3px;width:5em;}
.teammate_tr input[type='radio'] {padding:3px;vertical-align: middle;}



/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel{ height:50%;}



/* ----- 個人團體表格 ------------------------ */
.signup_zone{ font-size:1em; color:#666;}
.signup_zone table{ border:solid 1px #ccc;}
.signup_zone table tr{}
.signup_zone table tr td{ padding:5px 10px;}

.signup_title_bar{ font-size:1.05em; font-weight:700; text-align:left; color:#9c9c9c; background:#082a45;}

.signup_txtr{ color:#FF0000;}

.signup_txtr_b{ font-size:1.2em; font-weight:bold;}

.signup_txtc{}


.signup_stitle{ text-shadow:1px 1px 0 #f1f1f1; color:#3e6e9d; background:#e8e9e9;}

.signup_topp{ border-top:solid 1px #fff;}
.signup_bott{ border-bottom:solid 2px #082a45;}

.s_size_table{ display:none;}


.signup_dowbbt{ width:100%; text-align:center; margin:10px 0 0 0;}
.signup_dowbbt a{ line-height:60px; font-size:1.5em; font-weight:bold; text-align:center; text-decoration:none; border-radius:8px;
color:#fff; background:#5f89aa; padding:8px 15px 10px 15px; margin:0 10px 20px 10px;}
.signup_dowbbt a:hover{ color:#FFF; background:#FF9900;}


.signup_dowbbt a{ line-height:60px; font-size:1.5em; font-weight:bold; text-align:center; text-decoration:none; border-radius:8px;
color:#fff; background:#5f89aa; padding:8px 15px 10px 15px; margin:0 10px 20px 10px;}




/*導覽列*/
.navbar-brand img{ height:100%;}
nav form#search {float:right; padding:0.5em;}
nav form#search .input-group .form-control:first-child{ border-radius:0.25em;}
nav form#search .glyphicon-search, .input-group .glyphicon-search { z-index:99; position:absolute; right:0.7em; top:50%; margin-top:-0.44em;}

/*導覽列選項*/
#nav-options, #tweet{ margin: 0.5em;}
#nav-options button.thumbnail{ margin:0; padding:0;}
#nav-options img{ max-height:2.3em; border-radius:0.3em;}

/*自訂導覽列*/
.navbar-default{ border-bottom:solid 5px #FFF; background:#ea5404; font-size:15px;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
  color: #FFF;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.navbar-default .navbar-nav > .active > a {
  background-color: transparent;
  color: #FFF;
  padding-bottom:0.62em;
  border-bottom:0.45em solid #FFF;
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent;
  color: #F3F3F3;
  padding-bottom:0.62em;
  border-bottom:0.45em solid #ffae00;
}



.navbar-header .navbar-toggle,
.navbar-default .navbar-toggle:focus {
  background-color: #57A5D2;
}

.navbar-default .navbar-toggle:hover {
  background-color: #3986B3;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFF;
}


.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{ max-height:500px;}






.navbar-brand img{ width:auto; height:250%; margin:-15px 0 0 0;}

.yel_pion{ display:inline-table; width:15px; height:15px; background:url(../img/title_bar/yell_poin.png) no-repeat 0 2px;}

.dropdown_item{ display:block; width:160px; text-decoration:none; line-height:30px; text-align:center; border-radius:3px; color:#656565; 
background:#dcdcdc; margin:5px; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);}
.dropdown_item:hover{ color:#FFF; background:#ea5404; box-shadow:inset 1px 1px 5px rgba(255,255,255,.1);}


.dropdown-menu{ float:left; display:none; min-width:160px; text-align:center; font-size:18px; list-style:none; background:#fff;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  border:1px solid #fff; border-top:solid 1px #FFF; border-radius:6px;
  -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
  box-shadow:0 6px 12px rgba(0,0,0,.175);
  padding:0px; margin:2px 0 0;
  position:absolute; top:100%; left:0; z-index:1000;}

.dropdown-menu a{ text-decoration:none;}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
color:#FFf; background:#dc4d00; box-shadow:inset 0 5px 5px rgba(0,0,0,.1);}



.form-control{
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background:#fff;
    background-image:none;
    border:none;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}






.mem_login_bbt{ float:right; margin:14px 0 0 0;}
.mem_login_bbt img{ width:15%; height:auto; margin:-5px 5px 0 0;}
.mem_login_bbt a{ text-decoration:none; color:#FFF; cursor:pointer; vertical-align:top;}
.mem_login_bbt a:hover{ color:#FFFF00;}

.shop_car_zone{ float:right; margin:0 0 0 0;}
.shop_car_zone a{ display:inline-table; width:50px; height:50px; line-height:48px; text-decoration:none; font-size:.5em; color:#ffff00; 
background:url(../img/shop_car.png) no-repeat; padding:0 0 0 23px; cursor: pointer; }
.shop_car_zone a span{ font-size:2em; font-weight:bolder; color:#FFF; margin:0 20px 0 17px;}
.shop_car_zone a:hover span{ color:#FFFF00;}




/* 跳出視窗 */
.shop_pop_box{ display:none; text-align:center; border:solid 4px #CCC; border-top:none;
background:#FFF; padding:0px 20px 20px 20px; position:absolute; top:49px; box-shadow:0 5px 25px rgba(0,0,0,.8);}

.shop_pop_pdse{ width:240px; border-bottom:solid 1px #CCC; padding:15px 0 10px 0;}

.shop_pop_pdbox{ display:inline-table; width:50px; height:50px; border:solid 1px #f8f8f8; overflow:hidden;}
.shop_pop_pdbox img{ width:100%; height:auto;}
.shop_pop_pdtxt{ display:inline-table; text-align:left; margin:0 15px; vertical-align:top;}
.shop_pop_pdtxt h4{ font-size:1.2em; padding:0; margin:0 0 5px 0;}
.shop_pop_pdtxt h5{ font-size:1em; padding:0; margin:0 0 5px 0;}
.shop_pop_pdtxt h5 span{ font-weight:bold;}

.shop_pop_pddel{ display:inline-table; vertical-align:top;}
.shop_pop_pddel input{ width:28px; height:28px; text-align:center; line-height:20px; font-size:.6em; font-weight:bold; border:solid 2px #CCC; border-radius:50%;}
.shop_pop_pddel input:hover{ border:solid 2px #CCC; color:#FFF; background:#C00; transition:0.4s;}

.shop_pop_price{ font-size:1.2em; font-weight:normal; border-bottom:solid 1px #CCC; color:#000; padding:10px 0 0 0; margin:0 0 10px 0;}
.shop_pop_price p{ display:inline-table;}
.shop_pop_price span{ display:inline-table; font-weight:bold;}

.shop_pop_bbt_a input, .shop_pop_bbt_b input{ display:block; width:100%; border:none; font-size:1em; font-weight:bold; color:#FFF; padding:10px 10px;}
.shop_pop_bbt_a{ width:100%; text-align:center; margin:0 0 10px 0;}
.shop_pop_bbt_a input{ background:#F60;}
.shop_pop_bbt_a input:hover{ background:#CC9900; transition:0.4s;}

.shop_pop_bbt_b{ width:100%;}
.shop_pop_bbt_b input{ background:#990000;}
.shop_pop_bbt_b input:hover{ background:#600; transition:0.4s;}


.pcw_1140{ max-width:1140px; margin:0 auto;}

.losi_bbter{ border:none; color:#FFF; background:rgba(0,0,0,0); padding:8px 0 0 0px; margin:15px 0 0 0;}
.losi_bbter img{ width:15%; height:auto; margin:-5px 5px 0 0 ;}
.losi_bbter:hover{ color:#FFFF00; background:rgba(0,0,0,0); outline:none;}
.losi_bbter:active{ background:#C3C; outline:none;}
.losi_bbter:visited{ background:#C3C; outline:none;}

.navbar-default .navbar-toggle{ border:none; background:none;}
.navbar-default .navbar-toggle:hover{ background:#cf4800; box-shadow:inset 0 2px 5px rgba(0,0,0,.3);}

.navbar-toggle .icon-bar{ display:block; width:22px; height:2px; border-radius:0px;}


.navbar-header .navbar-toggle, .navbar-default .navbar-toggle:focus{  background:none;}








.top_minad{ width:100%; height:400px; text-align:center; background:url(../img/ad_main/ad_main_z.jpg) center center; margin:-50px 0 0 0; position:relative;}
.top_minad img{ width:100%; height:auto;}
.top_minad ul{ position:absolute; left:calc(50% - 110px); bottom:30px;}
.top_minad ul li{ display:inline-table; margin:0 5px;}
.top_minad ul li a{ display:block; width:15px; height:15px; border-radius:50%; background:rgba(255,255,255,.6);}
.top_minad ul li a:hover{ background:rgba(234,84,4,.6);}

.leftb_sel a{ width:2%; height:auto; no-repeat; position:absolute; top:30%; left:10%;}
.rightb_sel a{ width:2%; height:auto; no-repeat; position:absolute; top:30%; right:10%;}

.leftb_sel a img, .rightb_sel a img{ width:100%; height:auto;}




.cord_zone{ text-align:center; margin:0 auto;}

.card_box{}

.card_in_box{ width:99%; border:solid 1px #e5e5e5; background:#FFF; box-shadow:1px 1px 0 #bfbfbf; margin:0 auto; position:relative;}

.main_card_title_bar{ display:block; width:99%; height:50px; border-bottom:dashed 1px #000; margin:0 auto 5px auto; position:relative;}
.main_card_title_bar h3{ position:absolute; top:0px; left:5px;}
.main_card_title_bar a{ display:block; text-decoration:none; border-radius:5px; color:#FFF; background:#90b821; padding:5px 20px; position:absolute; right:5px; bottom:3px;}
.main_card_title_bar a:hover{ background:#F90; box-shadow:inset 1px 1px 5px 1px rgba(0,0,0,.2);}

.card_box img{ width:90%; margin:2em 0 0 0; min-height:120px;}

.left_sel a{ width:5%; height:auto; no-repeat; position:absolute; top:25%; left:0px;}
.right_sel a{ width:5%; height:auto; no-repeat; position:absolute; top:25%; right:0px;}
.left_sel a img, .right_sel a img{ width:100%; height:auto;}


.card-body{ width:90%; text-align:left; margin:0 auto 6% auto;}


.loveing_bbt{ display:inline-table; vertical-align:top;}
.loveing_bbt a{ display:block; width:30px; height:30px; background:url(../img/ad_main/loveing.png) no-repeat top right; text-indent:-999999px;}
.loveing_bbt a:hover{ background-position:bottom left;}

.bbt_down_sea{ margin:0 0 25px 0; padding:0;}


.btn-primary{ color:#FFFFFF; background:#ea5404; border-color:#C30;}
.btn-primary-green{ color:#FFFFFF; background:#90b821; border-color:#056454;}

.btn-primary:hover, .btn-primary-green:hover { background:#082a45; border-color:#052039; color:#FFFFFF;}
.btn-primary-disable { color:#FFFFFF; background:#082a45; border-color:#052039;}


.btn{ padding:5px 8px;}



/* --- 列表頁面 
.lists_bars_title{ width:100%; text-align:left; border-radius:10px; background:#f8b51c; padding:2px 0;}
.li_date, .li_name, .li_city, .li_location, .li_project, .li_status, .li_drodo{ display:inline-table; text-align:center; font-size:1.2em; font-weight:bold; color:#000;}

.lists_bars{ width:100%; text-align:left; border-bottom:solid 3px #f8b51c; padding:10px; margin:0 0 0 0;}
.li_in_date, .li_in_name, .li_in_city, .li_in_location, .li_in_project, .li_in_status, .li_in_drodo{ 
display:inline-table; line-height:18px; text-align:center; font-size:1.2em; color:#000;}
.li_city  {padding-left:1em;}
.li_location, .li_name  {white-space: nowrap; padding-left:0.5em;}
 
.li_date, .li_in_date{ }
.li_name, .li_in_name{ white-space: nowrap; text-align:left;}
.li_city, .li_in_city{ }
.li_location, .li_in_location{ text-align:left;}
.li_project, .li_in_project{ width:25%; text-align:left;}
.li_status, .li_in_status{ width:10%; text-align:left;}
.li_sele, .li_in_sele{ width:15%;}
.li_in_drodo{ width:20%;}
.li_in_drodo a { margin:0 0.2em;}
--- */


.li_in_name_album .col-lg-4 .col-sm-12 .col-xs-12 { white-space: nowrap; }
.li_date_albem, .col-lg-4 .li_name_albem, .li_city_albem, .li_location_albem { display:inline-table; text-align:center; font-size:1.2em; font-weight:bold; color:#000;}
.li_location_albem, .col-lg-4 .li_name_albem  {white-space: nowrap; padding-left:0.5em;}
.li_name_albem, .col-lg-4 .li_in_name_albem{ white-space: nowrap; text-align:left;}
.li_in_date_albem, .col-lg-4 .li_in_name_albem, .li_in_city_albem, .li_in_location_albem { display:inline-table; line-height:18px; text-align:center; font-size:1.2em; color:#000;}

.lists_bars_title{ width:100%; text-align:left; border-radius:10px; background:#f8b51c; padding:2px 0;}
.li_date, .li_name, .li_city, .li_location, .li_project, .li_status, .li_drodo, .li_photo{ display:inline-table; text-align:center; font-size:1em; font-weight:bold; color:#000;}
.lists_bars{ width:100%; text-align:left; border-bottom:solid 3px #f8b51c; padding:10px; margin:0 0 0 0;}
.li_in_date, .li_in_name, .li_in_city, .li_in_location, .li_in_project, .li_in_status, .li_in_drodo, .li_in_photo{ 
display:inline-table; line-height:18px; text-align:center; font-size:1.2em; color:#000;}
.li_date, .li_in_date{ width:10%;}
.li_name, .li_in_name{ width:23%; text-align:left;}
.li_city, .li_in_city{ width:10%;}
.li_location, .li_in_location{ width:10%; text-align:left;}
.li_project, .li_in_project{ width:15%; text-align:left;}
.li_status, .li_in_status{ width:10%; text-align:left;}
.li_sele, .li_in_sele{ width:15%;}
.li_in_drodo{ width:30%; text-align:left;}
.li_in_drodo a { margin:0 0.2em;}



.li_in_project span {padding:2px; margin:2px; border:solid 3px #f8b51c; border-radius:8px;}


.photo_list_bar{ width:100%; border-bottom:dashed 1px #CCC; padding:5px 0 5px 0;}

.pholist_title{ display:inline-table; text-align:left; padding:0 2px; margin:0 0 5px 0;}
.pholist_title h2{ width:100%; text-align:center; font-size:1.2em; font-weight:bold; border:solid 1px #a5e100; border-radius:5px; color:#000; 
background:#90b821; padding:11px 15px; margin:0; vertical-align:top;}

.li_in_photo{ display:inline-table; text-align:left; margin:0;}
.li_in_photo a{ display:inline-table; text-decoration:none; border:solid 1px #ffd117; border-radius:5px; color:#3c3c3c; 
background:url(../img/album_icon.png) no-repeat 15px 10px rgb(255,204,0);
padding:10px 15px 10px 35px; margin:0 5px 5px 0; box-shadow:inset 0 0 15px rgba(0,0,0,.1);}
.li_in_photo_act{ color:#FFF; border:solid 1px #CC3; background:url(../img/album_icon_w.png) no-repeat 15px 10px #90b821;}
.li_in_photo a:hover{ color:#FFF; border:solid 1px #052039; background:url(../img/album_icon_w.png) no-repeat 15px 10px #082a45;}

.li_in_drodo select{ border:solid 2px #f8b51c; background:rgba(0,0,0,0);}


/* --- 列表頁面_小 --- */
.lists_bars_titles{ width:100%; text-align:left; border-bottom:solid 2px #f8b51c; margin:15px 0 0 0;}
.li_dates, .li_names, .li_citys, .li_locations, .li_projects, .li_statuss, .li_drodos{ width:32%;
display:inline-table; line-height:20px; text-align:right; font-size:14px; font-weight:bold; color:#C30; padding:0;}

.li_in_dates, .li_in_names, .li_in_citys, .li_in_locations, .li_in_projects, .li_in_statuss{ width:65%;
display:inline-table; line-height:18px; text-align:left; font-size:1.05em; font-weight:bold; color:#000; padding:0; }

.li_in_drodos{ width:100%; text-align:center; margin:0 auto 15px auto; }
.li_in_drodos select{ border:solid 2px #f8b51c; background:rgba(0,0,0,0); margin:10px 0 0 0;}
.linerew_s{ width:100%; border-bottom:dashed 1px #CCC; padding:3px 0; margin:0 auto;}




.main_card_ctiner_bar{ display:block; width:99%; text-align:left; border-bottom:dashed 1px #000; padding:0 0 9px 0; margin:0 auto 5px auto; position:relative;}
.main_card_ctiner_bar h3{ display:inline-table; font-weight:bold; line-height:0px; color:#ea5505; vertical-align:top; margin-left:15px;}

.box_option, .men_option, .dropdown_option, .select_option{ display:inline-table;}

.box_option a{ display:block; width:38px; height:38px; text-indent:-99999px; 
background:url(../img/ad_main/sel_nav_box.png) no-repeat top right; margin:0 5px 0 15px;}
.box_option a:hover{ background-position:bottom left;}
.box_option .activite{ background-position:bottom left;}

.men_option a{ display:block; width:38px; height:38px; text-indent:-99999px; 
background:url(../img/ad_main/sel_nav_lest.png) no-repeat top right; margin:0 5px 0 0;}
.men_option a:focus{ background-position:bottom left;}
.men_option a:hover{ background-position:bottom left;}

.dropdown_option{ margin:0 0 0 0;}
.dropdown_option select{ font-size:15px; border:none; border-radius:5px; color:#FFF; 
background:#90b821; padding:8px 12px; margin:0 5px 0 0; outline:none; vertical-align:top;}

.select_option{}
.select_option input{ font-size:15px; border-radius:5px; border:solid 1px #bfbfbf; padding:8px 12px; 
background: url(../img/ad_main/search.png) no-repeat 145px 5px #fff ; vertical-align:top;}








/* ---- 頁籤頁面 ---- */
.top_main_wbkere{ background:#fff; padding:15px;  position:relative;}
.tabs_rig_zone{ position:absolute; top:22px; right:20px;}
.tabs_rig_box{ display:block; width:29px; height:5px; background:#707070; margin:0 0 6px 0;}

 




/* ---- 登入頁面 ---- */
.fbin_zone{ background:#fff;}
.memin_zone{ background:#fff;}

.fb_title{ height:40px; background:url(../img/add_member/fb.jpg) no-repeat; padding:0 0 0 45px; margin:30px 0 10px 30px;}
.fb_title h5{ line-height:40px; font-size:20px;}
.mem_title{ height:40px; background:url(../img/add_member/mem_icon.png) no-repeat; padding:0 0 0 45px; margin:30px 0 10px 30px;}
.mem_title h5{ line-height:40px; font-size:20px;}


.login_input_zone{ width:70%; padding:10px 0 40px 0; margin:0 auto;}

.loginp_bar{}
.loginp_bar input{ border:solid 1px #b5b5b5; line-height:2.3em; height:2.3em; font-size:1.5em;}
.loginp_bar span{ color:#CC0000;}


.loginp_bar h5{ display:inline-table; margin:0 10px 0 5px; vertical-align:middle;}
.man_wo{ width:20px; height:20px; vertical-align:middle;}
.app_bbt{ display:none;}
.app_bbt_main{}



.login_link a{ color:#ea5404;}
.login_link a:hover{ color:#FF0000;}

.login_fb_bbts{ width:100%; border:none; color:#FFF; background:#3c5a99; padding:15px 0; margin:20px 0 0 0;}
.login_fb_bbts:hover{ background:#7596c8;}
.login_mem_bbts{ width:100%; border:none; color:#FFF; background:#ea5404; padding:15px 0; margin:20px 0 0 0;}
.login_mem_bbts:hover{ background:#C00;}


.login_datam_zone{ width:70%; padding:10px 0 40px 0; margin:12px auto 0 auto;}
.login_datam_zone h1{ font-size:15px; font-weight:bold; border-radius:10px 10px 0 0; background:#d8d8d8; padding:15px 20px;}
.login_datam_zone ul{ border-radius:0 0 10px 10px; background:#f2f2f2; padding:15px 40px; margin:-10px 0 0 0;  list-style-type:none;}
.login_datam_zone ul li{ margin:0 0 20px 0;}
.login_datam_zone ul li p{ font-size:20px;}
.login_datam_zone ul li span{ display:block; margin:-5px 0 0 25px;}


.ctline_a{ width:1px; height:75%; background:#dddddd; position:absolute; left:50%; z-index:99; margin:30px 0 0 0;}
.ctline_a img{ display:block; position:absolute; top:40%; left:-19px;}

.ctline_b{ width:1px; height:80%; background:#dddddd; position:absolute; left:50%; z-index:99; margin:30px 0 0 0;}











/* ---- 報名頁面 ---- */
.sign_inpage{ background:#FFF; padding:0 20px 20px 20px;}
.sign_inpage h1{ font-size:18px; font-weight:bold; color:#1485c1; padding:20px 0 10px 0; margin:0 0 0 20px;}

.sign_inpage input{ border:solid 1px #ccc; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.sign_inpage select{ border:solid 1px #ccc; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}

.sign_up_zone{  padding:0 0 0px 0; margin:0 auto;}

.sing_inp_page{ padding:0 10px 20px 0;}





.lefte_titler{ text-align:right;}


.sign_table table{ width:100%; border:solid 1px #c8c8c8;}
.sign_table table tr td{ padding:12px;}
.sign_table table tr td select{ width:100%; border:none; box-shadow:none; outline:none;}


.smo_ttxt{ text-align:left;}




/* ---- 側邊 ---- */
.hide_zone{ display:none;}
body .navbar .navbar-collapse ul .topselnav_hi{ display:none;}

/* ---- 2018/07/31 新增 ---- */
.n_title_linere{ width:100%; height:3px; border-bottom:solid 1px #ccc; margin:0 0 10px 0;}

.n_title_list_info{ text-align:left; font-size:1.1em; padding:0; margin:0;}
.n_title_list_info p{ line-height:25px; padding:0; margin:0 0 0px 0; color:#333;}
.n_title_list_info ul{ padding:0; margin:0;}
.n_title_list_info ul li{ display:inline-table; list-style:none; padding:0; margin:0 20px 0 0; }
.n_title_list_info ul li span{ font-size:1.2em; font-weight:bold; color:#ea5404;  }


/* ---- 2018/07/31 置換 ---- */
.sing_sit_page{ padding:0 0 20px 5px; margin:0 20px 0 0; vertical-align:top; float:right;}




 
.side_zonb, .side_zonc{ width:100%; background:#FFF; padding:0 0 20px 0; margin:0 0 10px 0;}

.side_zona_linere{ width:90%; height:1px; background:#dddddd; margin:0 auto;}
.side_zona{ width:100%; padding:0 0 20px 0; margin:0 0 10px 0;}
.side_zona h1{ width:100%; font-size:20px; font-size:1.3em; font-weight:bold; text-align:center; color:#fc9900; padding:0 0 0 0; margin:-2px 0 8px 0;}
.side_zona h2{ width:100%; font-size:20px; text-align:center; padding:0; margin:5px 0;}
.side_zona h3{ width:100%; font-size:20px; text-align:center; padding:20px 0 0 0;}

 



/* ---- 數字牌 ---- */
.lo_time_box{ width:98%; background:#FFF; padding:5px 0; margin:0 auto;}

.plate_box{ width:18%; display:inline-table; text-align:center; margin:0 0 10px 0; position:relative;}
.plate_box2{ width:28%; display:inline-table; text-align:center; margin:0 0 10px 0; position:relative;}

.plate_in{ /*width:40%;*/ height:100%; display:inline-table; font-size:1.7em; border-radius:5px; color:#FFF;
background: rgb(64,64,64);
background: -moz-linear-gradient(top, rgba(64,64,64,1) 0%, rgba(43,43,43,1) 48%, rgba(0,0,0,1) 51%, rgba(41,41,41,1) 53%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(43,43,43,1) 48%,rgba(0,0,0,1) 51%,rgba(41,41,41,1) 53%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(64,64,64,1) 0%,rgba(43,43,43,1) 48%,rgba(0,0,0,1) 51%,rgba(41,41,41,1) 53%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#000000',GradientType=0 );
 padding:0 3px; margin:0 1px;}
.plate_in:before{ display:block; content:""; width:16px; height:1px; background:#000000; position:absolute; top:50%;}

.sit_stt{ font-size:.1vw; font-weight:bold; position:absolute; left:3px;}

.ppo_box{ display:inline-table; width:2%; height:40px; vertical-align:top; position:relative;}
.ppo_a{ width:3px; height:3px; background:#000; position:absolute; top:35%; left:1px;}
.ppo_b{ width:3px; height:3px; background:#000; position:absolute; bottom:35%; left:1px;}


.side_zona{ text-align:center;}
.side_zona button{ width:80%; font-size:20px; border:none; color:#FFF; background:#ea5404; padding:15px 0; margin:10px 0 0 0;;}
.side_zona button:hover{ border:none; background:#C00;}


.side_zonb{ display:block; padding:20px 0 20px 0;}
.side_zonb ul{ display:block; width:90%; text-align:center; list-style:none; padding:0px; margin:0 auto;}
.side_zonb ul li{ width:100%; line-height:80px; height:80px; background:#b5b5b5; margin:0 auto 10px auto;}
.side_zonb ul li a{ text-decoration:none; color:#FFF;}

.side_zonc{ display:block; padding:20px 0 20px 0;}








/* ---- 頁腳 ---- */
footer{ width:100%; text-align:center; background:#092a44; margin:20px 0 0 0;}

.info_ico{ width:90px; display:inline-table; margin:30px 10px 0 30px; vertical-align:top;}
.info_ico img{ width:90%; height:auto;}
.info_txt{ display:inline-table; width:120px; text-align:left; line-height:20px; font-weight:normal; color:#FFF; margin:20px 0;}
.info_txt h3{ font-size:18px;}

.footer_linere{ width:90%; height:1px; background:#7c8c99; margin:20px auto;}

.cop_icon{ margin:10px 0;}
.cop_icon img{ opacity:0.5;}

.foot_don_title{ width:100%; text-align:left; color:#FFF; margin:20px 0 0 0;}
.foot_don_title h2{ font-size:20px; font-weight:normal; margin:0 0 0 30px;}

.foot_down{ width:100%; text-align:center; margin:60px 0 30px 0;}

.foot_do_logo, .foot_do_txt, .foot_do_icon{ display:inline-table; font-weight:normal; margin:5px 10px 10px 10px;}

.foot_do_logo{}
.foot_do_txt{ color:#FFF;}
.foot_do_icon{}
.foot_do_icon img{ margin:0 5px;}












/* ---- 個人報名頁面 ---- */
.persreg_zone{ width:100%; margin:0 auto;}
.persreg_zone table{ width:100%; border:solid 1px #929191}
.persreg_zone table tr{ border:solid 1px #bdbcbc;}
.persreg_zone table tr td{ padding:3px;}
.persreg_title{ font-size:1.3em; color:#FFF; background:#092a44;}

.tabs_tit{ width:20%; text-align:right; font-size:1.05em; color:#000; background:#e8e7e7;}
.tabs_stit25{ width:25%; text-align:center; font-size:1.05em; color:#000; background:#e8e7e7;}
.tabs_stit25 span{ font-size:12px;}
.tabs_stit25 input{ width:20px; height:20px; box-shadow:none;}
.tabs_stit10{ width:10%; text-align:center; font-size:1.05em; color:#000; background:#e8e7e7;}
.tabs_stit10 span{ font-size:12px;}
.tabs_stit10 input{ width:20px; height:20px; box-shadow:none;}

.tabs_stit{ width:8%; text-align:center; font-size:1.05em; color:#000; background:#e8e7e7;}
.tabs_stit span{ font-size:12px;}
.tabs_stit input{ width:20px; height:20px; box-shadow:none;}

.tabs_stit_bb{ width:15%; text-align:center; font-size:1.2em; color:#000; background:#e8e7e7;}
.tabs_stit_bb input{ width:20px; height:20px; box-shadow:none;}

.tabs_tomain{ background:#d1d1d1;}
.tabs_tomain td{ padding:20px 0;}

.per_main_txt{ line-height:30px; text-align:center; font-size:1.05em; background:#d1d1d1;}
.per_main_txt p{ width:90%; margin:0 auto 20px auto;}

.per_in_sel_ss{ display:block; width:100%; margin:10px auto 30px auto;}
.per_in_sel_ss input{ width:20px; height:20px; box-shadow:none; vertical-align:sub;}

.perssmo_ttxt{ text-align:left; margin:10px 0 0 0;}

.table_linere_nob{ display:block; width:100%; text-align:right; font-size:1.9em; border-top:solid 1px #000; padding:10px;}
.table_linere_nob span{ color:#F00; margin:0 20px;}

.table_botter_bbt{ display:block; width:100%; text-align:right; padding:10px;}
.table_botter_bbt a{ display:inline-table; text-decoration:none; text-align:center; font-size:1.05em; border-radius:10px; color:#FFF; background:#494545; 
padding:10px 20px; margin:0 10px;}
.table_botter_bbt a:hover{ background:#eb5405;}




/* ---- 個人報名頁面 ---- */
.results_sel_bar{ display:block; width:92%; text-align:left; border-bottom:solid 1px #000; margin:0 auto 5px auto; position:relative;}
.results_sel_bar h3{ display:inline-table; font-weight:bold; line-height:0px; color:#ea5505; vertical-align:top; margin-left:15px;}

.results_down_sel_a{ display:inline-table; font-size:1.1em; margin:0 20px;}
.results_down_sel_a select{ display:inline-table; padding:2px 5px;}

.results_down_sel_b{ display:inline-table; font-size:1.1em; border-radius:5px; background:#d9d8d8; padding:5px 10px;}
.results_down_sel_b select{ display:inline-table; padding:2px 5px; margin:0 10px 0 0;}
.results_down_sel_b input{ display:inline-table; padding:2px 5px; margin:0 10px 0 0;}

.results_sel_bbt{ display:inline-table; margin:0 0 0 15px;}
.results_sel_bbt input{ font-size:1.1em; border:none; border-radius:5px; color:#FFF; background:#eb5405; padding:4px 15px;}
.results_sel_bbt input:hover{ background:#C00;}

.results_txt{ width:100%; text-align:center; font-size:2vw; font-weight:bold; color:#082a45; margin:20px auto 10px auto;}
.results_title_bar{ width:100%; line-height:50px; font-weight:bold; color:#80878c; background:#082a45;}
.results_main_bar{ width:100%; line-height:40px; border-bottom:solid 1px #908e8f; color:#9c9c9c; padding:5px 0; margin:0 0 0 0;}


.resu_nub, .resu_name, .resu_tname, .resu_time, .resu_view, .resu_nob{ display:inline-table; font-size:1.05em; text-align:center;}


.resu_nub{ width:14%;}
.resu_name{ width:14%;}
.resu_tname{ width:30%;}
.resu_time{ width:20%;}
.resu_view{ width:10%;}
.resu_nob{ width:10%;}





/* ---- 團體報名頁面 ---- */
.group_title_sel{ width:100%; text-align:left; font-size:0px; background:#082a45; padding:0; margin:0 auto 5px auto; box-sizing:border-box;}
.group_title_sel li{ display:inline-table; border-right:solid 1px rgba(255,255,255,.5);}
.group_title_sel li a{ display:block; font-size:12px; text-decoration:none; color:#FFF; background:#082a45; padding:8px 15px;}
.group_title_sel li a:hover{ background:#ee572a;}
.group_title_sel li a:focus{ background:#ee572a;}


.tabs_org_tit{ width:20%; text-align:right; font-size:1.05em; color:#fff; background:#ee572a;}
.tabs_org_min{ font-size:1.05em;}
.tabs_org_min span{ font-size:1em; color:#0099FF;}

.tabs_tit_nob{ width:5%; text-align:center; font-size:1.05em; color:#000; background:#e8e7e7;}

.golp_sel_box{}
.golp_sel_box select{ width:100%; height:30px; border-radius:5px;}

.gop_hifi{ margin:0 0 5px 0;}


/* ---- 舊頁面修改 ---- */
.activi_title_bar{ width:95%; font-size:1.3em; text-align:center; color:#082a45; margin:10px auto 20px auto;}

.mem_bigbbtere{ width:100%; margin: 20px 0 0 0;}
.mem_bigbbtere a{ display:block; width:92%; line-height:60px; font-size:2em; font-weight:700; text-align:center; text-decoration:none;
color:#9c9c9c; background:#082a45; margin:0 auto 20px auto;}
.mem_bigbbtere a:hover{ color:#FFF; background:#FF9900;}

.routa_main_zone{ max-width:1140px; margin:0 auto; overflow:auto;}

.activi_table_zone{ width:92%; margin:0 auto 30px auto;}

.activi_table_zone table{ width:100%; border: solid 1px #c9e1e7;}
.activi_table_zone table tr{}
.activi_table_zone table tr td{ padding:5px 10px;}

.acc_tb_title{ font-size:1.05em; font-weight:700; text-align:left; color:#9c9c9c; background:#082a45;}
.acc_tb_main{ color:#9c9c9c; text-align:left; font-size:1.1em; border-bottom:solid 1px #8f8c8e; vertical-align:top;}



/* ---- 會員資料 ---- */ 
.routa_main_zone{ max-width:1024px; margin:0 auto; overflow:auto;}

.mem_pospic{ width:100%; text-align:left; border-bottom:solid 1px #ccc; padding:20px; margin:0 0 0 0;}

.mem_pospic img{ display:inline-table; border:solid 4px #e4e4e4; border-radius:50%; margin:0 10px 0 0;}

.mem_pospic a{ display:inline-block; text-align:center; border-radius:10px; font-size:1.5em; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 #399; border:solid 3px #e4e4e4;
background:#7fb801; color:#fff; padding:10px 15px; margin:0; box-shadow:inset 1px 1px 10px rgba(0,0,0,.5);}
.mem_pospic a:hover{ text-shadow:1px 1px 0 #F30; background:#FF9900;}

.mem_persinfo_bar{ max-width:1024px; font-size:1.2em; border-bottom:solid 1px #ccc; background:#fff; margin:0 auto;}

.mem_title{ background:url(../img/add_member/mem_title_icon.png) 20px 2px no-repeat; padding:0 0 15px 50px; margin:15px 0 0 0; vertical-align:bottom;}
.mem_indata{ color:#666; padding:0 0 0 0; margin:15px 0 0 0; }

.mem_persinfo_bar input{}

.mem_bbterea{ border:solid 2px #CCC; color:#fff; border-radius:15px; 
background:#7fb801; padding:5px 10px; margin:10px 0 0 0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.3);}
.mem_bbterea:hover{ background:#F90; outline:none;}

.mem_inputer_in_bare{ border:solid 2px #d3d3d3; color:#666; border-radius:15px; 
background:#e3e3e3; padding:5px 10px; margin:10px 0 0 0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.3); outline:none;}

.mem_inputer_bare{ border:solid 2px #d3d3d3; color:#666; border-radius:15px; 
background:#e3e3e3; padding:5px 10px; margin:10px 0 0 0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.3); outline:none;}

.mem_down_bbtere{ display:block; width:92%; line-height:60px; font-size:1.5em; font-weight:700; text-align:center; text-decoration:none; border:none;
color:#9c9c9c; background:#082a45; margin:0 auto 20px auto;}
.mem_down_bbtere:hover{ color:#FFF; background:#FF9900;}

.sapere{ display:none;}







/* ---- PHOTO_頁籤 ---- */
.phototxt_list_bar{ width:98%; text-align:left; font-size:0px; border-bottom:solid 1px #a8a8a8; padding:0px; margin:0 auto 15px auto;}
.phototxt_list_bar li{ display:inline-table; list-style:none; margin:0 -1px 0 0;}
.phototxt_list_bar li a{ display:block; font-size:15px; font-weight:bold; text-decoration:none; border:solid 1px #a8a8a8; border-radius:5px 5px 0 0; border-bottom:none;
color:#ea5505; background:#FFF; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1); padding:5px 15px;}
.phototxt_list_bar li .phototxt_list_bar_act { border:solid 1px #ffa800; color:#FFF; background:#ff7e00;}
.phototxt_list_bar li a:hover{ border:solid 1px #ffa800; border-bottom:none; color:#FFF; background:#ff7e00;}


/* ---- PHOTO_路徑 ---- */
.up_path_z{ width:100%; font-size:.9vw; text-align:left; border-radius:3px; background:#e0e0e0; padding:0 0 0 20px; margin:15px 0;}
.up_path_z li{ display:inline-table; color:#999; margin:0 10px 0 0;}
.up_path_z li a{ text-decoration:none; color:#999;}
.up_path_z_act{ color:#fff;}
.up_path_z li a:hover{ color:#fff;}




/* ---- PHOTO_相簿抬頭 ---- */
.activity_title_bar{ text-align:left; border-bottom:dashed 1px #CCC; padding:0 0 10px 0; margin:0 0 8px 0;}
.activity_title_bar h2{ font-size:2em; font-weight:bold; color:#794933; margin:0 0 0 20px;}

.activity_titse_bar{ width:100%; text-align:left; border-bottom:dashed 1px #ccc; padding:0px 15px 10px 15px; margin:0px 0 10px 0; box-sizing:border-box;}
.activity_titse_bar li{ display:inline-table; text-shadow:1px 1px 0 #edf1f6; font-size:1.3em; font-weight:bold; border-radius:8px; 
background:rgba(198,220,245,.5); padding:2px 10px; margin:0 25px 0 0;}

.activity_title_bar ul{ display:block; font-size:1.2em; background:#33CC99l; padding:0px; margin:0 0 0 10px;}
.activity_title_bar ul li{ display:inline-table;}
.activity_title_bar ul li a{ display:inline-table; text-decoration:none; border:solid 1px #ffd117; border-radius:5px; color:#3c3c3c; 
background:url(../img/album_icon.png) no-repeat 15px 12px rgb(255,204,0);
padding:10px 15px 10px 35px; margin:5px; box-shadow:inset 0 0 15px rgba(0,0,0,.1);}
.activity_title_bar ul li a:focus{ color:#FFF; border:solid 1px #CC3; background:url(../img/album_icon_w.png) no-repeat 15px 12px #90b821;}
.activity_title_bar ul li a:hover{ color:#FFF; border:solid 1px #052039; background:url(../img/album_icon_w.png) no-repeat 15px 12px #082a45;}

.border_r_box{ height:270px; border-radius:20px;}
.inphoto_box_a{ display:block; max-width:88%; height:190px; background:#9C9; padding:0px; background:#f1f1f1; margin:10px auto 0 auto; overflow:hidden;}
.inphoto_box_a img{ width:auto; height:-webkit-fill-available; padding:0px; margin:0px;}


.photo_titxt{ width:100%; text-align:left; padding:0px; margin:8px 0 0 0;}
.photo_titxt h5{ font-size:.7em; margin:0 0 0 25px; width: 20em; overflow: hidden;}
.photo_inview{ font-size:1em; font-weight:bold; color:#8e8e8e; 
background:url(../img/photo_view.png) no-repeat 0px 2px; padding:0 0 0 22px; position:absolute; top:5px; right:25px;}


.pixe_toptxt{ width:98%; font-size:1.4em; color:#666; margin:8px auto;}

.pixe_main_data{ width:98%; text-align:left; font-size:1.2em; font-weight:bold; padding:0px; margin:0px auto;}
.pixe_main_data h5{ font-size:1em; font-weight:bold; color:#337ab7; margin:12px 0 0 5px;}
.pixe_main_data li{ display:inline-table; margin:0 10px 0 0;}

.photo_intime{ color:#656565; position:absolute; right:15px; bottom:15px;}
.photo_intime a{ text-decoration:none; cursor:pointer; vertical-align:bottom;}
.photo_intime a:hover{ color:#990000;} 
.photo_intime a span{ font-size:.8em; color:#fff; border-radius:3px; background:#ea5404; padding:1px 8px 2px 8px; margin:0 0 0 5px;}
.photo_intime a:hover span{ background:#990000;} 

.photo_inlove{ color:#8e8e8e; background:url(../img/photo_love.png) no-repeat 0px 3px; padding:0 0 0 22px; vertical-align:bottom;}
.photo_share{ display:inline-table; vertical-align:bottom; position:absolute; right:108px; bottom:15px;}
.photo_share a{ display:block; width:51px; height:20px; text-indent:-99999px; background:url(../img/FB-GO001.jpg) no-repeat;}


.pixe_dow_price{ width:98%; text-align:left; margin:0 auto; position:relative;}
.pixe_dow_price h1{ font-size:3.2em; font-weight:bold; color:#656565;}
.pixe_dow_price a{ text-decoration:none; font-size:1.5em; border-radius:5px; color:#FFF; 
background:#ea5404; padding:8px 15px; position:absolute; right:0px; bottom:0px;}
.pixe_dow_price a:hover{ background:#FF0000; box-shadow:inset 1px 1px 15px rgba(0,0,0,.5);}






/* ---- PHOTO_顯示照片下載 ---- */
.pop_photo_bkere{ width:100%; height:100%; text-align:center; background:rgba(0,0,0,.9); position:absolute; top:0px; z-index:9999;}
.pop_photo_bkere a{ text-decoration:none; border-radius:5px; color:#FFF; 
background:#ea5404; padding:8px 15px;}
.pop_photo_bkere a:hover{ background:#FF0000; box-shadow:inset 1px 1px 15px rgba(0,0,0,.5);}

.pop_photo_provere{ width:70%; height:60%; margin:10% auto 0 auto;}
.pop_photo_provere img{ width:auto; height:100%;}




/* ----- 購物頁面 - 內頁上按鈕列 ------------------------ */
.container{ margin:1em auto 1em auto;}

#flexslider-featured{ height:207px; overflow:hidden; margin:0; position:relative; zoom:1;}
.flex-control-nav{ position:absolute; left:calc(50% - 100px); bottom:2%; }
.flex-direction-nav{ display:none;}
.slides img{ width:100%; height:364px;}
#flexslider-featured{ height:207px; overflow:hidden; margin:0; position:relative; zoom:1;}

.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a.flex-active{ background:#ffebb9; cursor:default;}

.flex-control-paging li a{ display:block; width:11px; height:11px; text-indent:-9999px; background:#ff7800;
-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
box-shadow:inset 0 0 3px rgba(0,0,0,.3);
border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;

cursor:pointer;}




.top_nav{ width:100%; text-align:left; line-height:40px; background:#fff;}
.top_nav ul{ display:block; text-align:left; padding:0; margin:0;}
.top_nav ul li{ display:inline-table; list-style:none; padding:0 10px;}
.top_nav ul li a{ display:block; line-height:40px; font-size:1.2em; font-weight:bold; text-decoration:none; box-sizing:border-box; color:#2f2f2f;}
.top_nav ul li a:hover{ border-bottom:solid 2px #f6511d; color:#f6511d;}





/* ----- 購物頁面四個按鈕 ------------------------ */
.spot_zone{ width:99.8%; margin:0 auto;}

.spo_room{ background:#F96; padding:0; margin:0;}
.spo_room a{ display:block; width:100%; height:auto; background:#F00;}
.spo_room a img{ width:100%; height:100%;}

.spopd_a, .spopd_b, .spopd_c, .spopd_d{ width:40%; height:40%; line-height:1em; font-weight:700; text-align:center; font-size:1.5em; font-weight:bold; 
background:rgba(0,0,0,.2); position:absolute;}

.spopd_a{ right:0px; bottom:0px;}
.spopd_b{ bottom:0px; left:0px;}
.spopd_c{ right:0px;}
.spopd_d{}

.spopd_a span, .spopd_b span, .spopd_c span, .spopd_d span{ display:block; color:#00F; margin:18px 0 0 0;}
.spopd_b span p{ font-size:1.5em;}













/* ----- 運動配件 ------------------------ */
.routa_main_zone{ width:100%; overflow:auto;}
.shop_title_tbar{ width:100%; line-height:40px; border-bottom:solid 1px #a0a0a0; background:#f2f2f2; padding:8px 0;}
.shop_title_tbar h1{ font-size:2em; font-weight:bold; color:#000; margin:0 0 0 20px;}

.store_link_bar{width:100%;text-align:center;border-bottom:solid 1px #a0a0a0;background:#FFF;padding:10px 0;box-shadow:inset 0 1px 5px rgba(0,0,0,.2)}
.store_link_bar li{display:inline-table;width:19%;height:auto}
.store_link_bar li a img{width:100%;height:auto}

.product_ibar{width:100%;text-align:left;font-size:0;border-bottom:solid 1px #a0a0a0;background:#FFF;box-shadow:inset 0 1px 5px rgba(0,0,0,.2)}
.product_ibar li{display:inline-table;width:calc(25% - 4px);height:auto;border:solid 1px #fff;text-align:center;margin:2px;position:relative}
.product_ibar li a img{width:100%;max-width:100%;height:auto}
.product_ibar li span{display:block;font-size:15px;font-weight:700;color:#626262;margin:10px;0 0 0;position:absolute;left:calc(100% / 2 - 35px)}
.prod_txtitl{display:block;width:100%;line-height:40px;text-align:center;background:#f2f2f2}
.prod_txtitl span{display:block;height:40px;line-height:40px;font-size:25px;font-weight:700;letter-spacing:5px;color:#FFF;background:rgb(246,80,30);
background:-moz-linear-gradient(top,rgba(246,80,30,1) 0%,rgba(189,62,23,1) 100%);
background:-webkit-linear-gradient(top,rgba(246,80,30,1) 0%,rgba(189,62,23,1) 100%);
background:linear-gradient(to bottom,rgba(246,80,30,1) 0%,rgba(189,62,23,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6501e',endColorstr='#bd3e17',GradientType=0);
margin:0 0 10px 0}


.product_pricebar{ width:100%; text-align:left; background:##f2f2f2; padding:0; margin:0;}
.product_pricebar li{ display:inline-table; width:23%; height:400px; text-align:left; background:#FFF; padding:8px; box-sizing: content-box; margin:0 3px 7px 3px;}
.product_pricebar li a{ text-decoration:none;}
.product_pricebar li h1{ width:100%; height:30px; line-height:30px; font-size:1.3em; color:#000; overflow:hidden;}
.product_pricebar li h2{ font-size:20px; color:#f6511d;}
.product_pricebar li h3{ line-height:20px; font-size:20px; color:#f6511d; padding:0 0 10px 0;}

.pp_in_pix{ width:100%; height:193px; text-align:center; background:#fff; margin:0 auto; position:relative;}
.pp_in_pix img{ max-width:100%; height:100%;}
.ppin_sp{ padding:0; margin:0; position:absolute; right:0; bottom:0;}
.ppin_sp img{ width:100%; height:auto;}



/* ----- 運動配件_內頁 ------------------------ */
.com_detailed_page{ width:100%; text-align:center; background:#f2f2f2; padding:0 0 10px 0;}
.com_det_tit{ width:100%; height:35px; line-height:35px; text-align:left; background:#FFF;}
.com_det_tit h1{ font-size:18px; font-weight:700; margin:0 0 0 10px;}
.com_detailed_box{ width:92%; border-radius:15px; background:#FFF; padding:15px 0 20px 0; margin:20px auto;}
.com_toptit{ width:92%; text-align:left; margin:0 auto;}
.com_toptit h1{ font-size:1.8em; line-height:0;}
.com_det_pix{ width:100%; height:auto; margin:20px auto;}
.com_det_pix img{ width:100%; height:auto;}

.poin_sel{ width:100%; height:20px; line-height:20px; text-align:center;}
.poin_sel li{ display:inline-table; width:13px; height:13px; border-radius:50%; background:#f6511d; margin:0 1px;}
.poin_sel li a{ display:inline-table; width:13px; height:13px; border:solid 1px #b1b1b1; border-radius:50%; background:#FFF; box-shadow:inset 1px 1px 2px rgba(0,0,0,.2);}
.com_data_main_bar{ width:92%; height:40px; margin:10px auto 20px auto; position:relative;}
.com_data_main_l{ text-align:left; position:absolute; top:0; left:0;}
.com_data_main_l span{ display:inline-table; font-size:12px; font-weight:400; color:#FFF; background:#f6511d; padding:1px 5px; margin:5px 5px 3px 0;}
.com_data_main_l h1{ display:inline-table; font-size:.8em; text-decoration:line-through; color:#beb1aa; margin:0 10px 0 0;}
.com_data_main_l h2{ display:inline-table; font-size:.8em; font-weight:700; color:#f6511d;}
.com_data_main_l h3{ line-height:0; font-size:1.4em; color:#000;}
.price_off{ font-size:.8em;}
.price_off h5{ display:inline-table; font-size:.8em; text-decoration:line-through; color:#beb1aa; margin:0 10px 0 0;}
.price_off h6{ display:inline-table; font-size:.8em; font-weight:700; color:#f6511d;}

.com_data_main_r{ display:block; text-align:right; position:absolute; top:0; right:0;}
.com_data_main_r h1,.com_data_main_r h2{ line-height:15px; font-size:1.4em; color:#f6511d;}
.com_linere{ width:95%; height:1px; background:#bfbfbf; margin:15px auto 10px auto;}
.com_data_box{ width:92%; line-height:24px; text-align:left; font-size:1.1em; margin:0 auto;}
.com_data_box h1{ line-height:20px; font-size:1.4em; margin:0 0 5px 0;}

.prd_bigbbtere{ width:100%; margin:10px 0 0 0;}
.prd_bigbbtere a{ display:block; width:92%; line-height:70px; font-size:3em; font-weight:700; text-align:center; text-decoration:none; border-radius:15px; color:#FFF;
background:#f6511d; margin:0 auto 20px auto; box-shadow:0 1px 5px rgba(0,0,0,.3);}
.prd_bigbbtere a:hover{ background:#C00;}




.image_box { width:15em; height:10em; display:inline-flex; overflow: hidden;}
.image_box img { height:100%; max-width:100%; max-height:100; margin:0 auto;}

/* ----- 運動配件_內頁二 ------------------------ */
.sel_poj_tit{ width:100%; line-height:40px; text-align:left; border-bottom:solid 1px #a2a2a2; padding:8px 0;}
.sel_poj_tit h1{ font-size:1.5em; font-weight:400; color:#646464; margin:0 0 0 10px;}
.sel_poj_box{ width:100%;text-align:left;border-bottom:solid 1px #a2a2a2;background:#FFF;padding:10px 0;}
.sej_pix{ display:inline-table;width:15em;height:15em;border:solid 1px #dbdddf;margin:0 5px 0 10px;vertical-align:top;}
.sej_pix img{ max-width:100%;max-height:100%;height:100%;}
.sej_main{ display:inline-table;width:68%;height:auto;vertical-align:top;position:relative;}
.sej_title{ width:100%;}
.sej_title h1{ line-height:20px;font-size:18px;}
.sej_title h2{ font-size:12px;}
.sej_price{ margin:10px 0 0 0;}
.sej_price h1{ font-size:25px;color:#f6511d;}
.sej_nober_a{ position:absolute;bottom:0;right:5px;}
.sej_nober_a span{ display:inline-table;color:#636363;margin:0 5px 0 0;vertical-align:middle;}
.sej_nober_a input{ display:inline-table;width:50px;text-align:center;border:solid 1px #c7c7c7;border-radius:3px;color:#636363;padding:2px 5px;vertical-align:middle;}
.sej_nober_a a{ display:inline-table;width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB5SURBVHja7JTBCcAgEARX8WMRpidTqEVZhHluHsEQDHcS9ZkB4ThlZWVPQxItx769mwB8yqbtOQi0hyVRQ1Lc7OFTNigxkCRGVomBFpNMW3DaC2vUS6ctWC0DUq0KfBVZb+EXWCTwTKVU39SpGplEktcwaUnrfTjnADC6lIGtm0YVAAAAAElFTkSuQmCC) no-repeat;margin:0 0 0 5px;vertical-align:middle;}
.sej_nober_b{ position:absolute;bottom:0;right:5px;}
.sej_nober_b span{ font-size:20px;font-weight:700;color:#636363;}

.settlement_bar{ width:100%;font-size:1.4em;border-top:solid 1px #a0a0a0;border-bottom:solid 1px #a0a0a0;color:#727272;background:#FFF;padding:0;margin:10px auto;}
.sett_selbbt{ width:90%;line-height:23px;text-align:left;font-size:16px;margin:0 auto;position:relative;}
.sett_selbbt a{ font-size:20px;text-decoration:none;font-weight:700;color:#f6511d;position:absolute;top:calc(50% - 15px);right:-10px;}
.sett_selbbt h1{ width:90%;font-size:18px;padding:5px 0;}
.sett_selpos{ width:90%;line-height:23px;text-align:left;font-size:16px;margin:0 auto;position:relative;}
.sett_selpos a{ font-size:20px;text-decoration:none;font-weight:700;color:#f6511d;position:absolute;top:calc(50% - 15px);right:-10px;}
.sett_selpos h1{ width:90%;border-bottom:dashed 1px #9e9e9e;font-size:18px;padding:0 0 5px 0;}
.sett_selpos .sett_edit a{ border-radius:5px;color:#FFF;background:#f6511d;padding:4px 7px;position:absolute;top:43px;right:-10px;}
.sett_selpos .sett_edit a:hover{ background:#C00;}
.sett_selbox{ width:90%;text-align:left;margin:0 auto;}

.sett_selbox h1{ width:98%;border-bottom:dashed 1px #9e9e9e;font-size:18px;padding:0 0 7px 0;}
.sett_robox{ width:95%;font-size:15px;margin:5px auto;position:relative;line-height:36px;}
.sett_box{ width:100%; margin:0 auto;}
.sett_box_l{ display:inline-table;width:45%;text-align:left;}
.sett_box_ll{ display:inline-table;width:45%;text-align:right;}
.sett_box_r{ display:inline-table;width:45%;text-align:right;}
.sett_box_r span{ color:#f6501e;}
.sett_box_r h1{ font-size:18px;color:#f6511d;}
.sett_box_a{ display:inline-table;width:95%;text-align:left;margin:0 auto;}
.identity_bar{ width:100%;border-bottom:solid 1px #a0a0a0;background:#FFF;padding:15px 0;}
.identity_lt{ display:inline-table;width:25%;text-align:right;vertical-align:top;}
.identity_ra{ display:inline-table;width:69%;text-align:left;}








.pages{ width:100%; text-align:left; margin-left:2em; clear:both;}
.pages ul, .pages li, .pages a{ display:inline-table; margin:0; padding:0.2em;}








/* ----- 運動類別內頁 ------------------------ */
.exe_inpage{ border-radius:10px; background:#fff; padding:20px; box-shadow:3px 3px 5px rgba(0,0,0,.01);}
.exe_iioh{ width:100%; height:20px;}

.secsel_nav_box, .exe_main{ display:none;}

.exe_sel_navl{ background:#16395e; height:auto; padding:0px; margin:0px;}
.exe_sel_navl ul{ width:100%; list-style:none;  padding:0px; margin:0px;}
.exe_sel_navl ul li{ width:100%; border-bottom:solid 1px #9c9c9c;}
.exe_sel_navl ul li a{ display:block; width:100%; text-decoration:none; font-size:1.5em; font-weight:bold; text-align:right; color:#e6e6e6; 
background:#082a45; padding:5px 15px 5px 10px;}
.exe_sel_navl ul li a:hover{ color:#fff; background:#F93; transition:all 0.4s;}
.exe_sel_navl ul li .a_selected { color:#fff; background:#F93; transition:all 0.4s;}

.exe_info_r{}
.exe_info_r table{ width:100%;}

.exe_info_title{ width:100%; text-align:left; font-size:1.3em; font-weight:bold; border-radius:0 10px 0 0; background:#082a45; padding:0px; margin:0px;}
.exe_info_title li{ display:inline-table; height:auto; border-left:solid 1xp #FFF; color:#e6e6e6; padding:8px 15px;}


.exe_info_data{ width:100%; text-align:left; font-size:1.2em; border-bottom:dashed 1px #CCC; padding:0px; margin:0px;}
.exe_info_data a{ text-decoration:none; color:#666;}
.exe_info_data a:hover{ color:#16395e;} 
.exe_info_data:hover{ color:#16395e; background:#FC0; transition:all 0.4s;}
.exe_info_data li{ display:inline-table; padding:5px 15px;}


.exe_a{ text-align:left; width:10em;}
.exe_b{ text-align:left;}
.exe_c{ text-align:left;}


.exe_pages{ width:100%; text-align:center; border-top:solid 1px #ccc; clear:both; padding:10px 0 0 0; margin:30px 0 0 0;}
.exe_pages ul, .pages li, .pages a{ display:inline-table; margin:0; padding:0.2em;}


.exe_samheig{}


 

/* ---- tab選項按鈕 ---- */
.nav-tabs { border-bottom:none; }
.nav-tabs li{  height:41px; border:solid 1px #dddddd; border-bottom:none; border-radius:5px 5px 0 0; padding:0;  margin:0 9px 0 0; margin-top:3px;}
.nav-tabs li:before{ content:""; display:block; width:calc(100% + 10px); height:1px; background:#ccc; position:absolute; bottom:0px; left:0px}
.nav-tabs li a{ color:#000; border:none;}
.nav-tabs li a:hover{ border-bottom:solid 1px #CCC; color:#FF6600; background:#fff;}
 
 
.nav-tabs .activity_nav_view a{ margin: 0; color:#fff; border:none; background:rgb(238, 87, 42);}
.nav-tabs .activity_nav_view a:hover{ border-bottom:solid 1px #CCC; color:#FFF; background:#11a8d5;}

/* ---- tab選項按鈕 ---- */










/* ---- 選購首頁 ---- */
.adv_zone_a{ width:100%; background:#FFF; padding:0; margin:0;}
.adv_zone_b{ clear:both; width:100%; text-align:center; background:#FFF; padding:0; margin:0;}

.io_bkere{ display:block; width:100%; height:10px; background:#FFF; padding:0; margin:0;}

.adv_txtv{ text-align:left; padding:0; margin:0;}
.pix_txt{ display:block; width:calc(100% - 10px); position:relative;}
.pix_txt a{ font-size:1em; border:solid 1px #4a4a4a; color:#333; text-decoration:none;
background:rgba(0,0,0,0); padding:10px 20px; position:absolute; bottom:30%; left:35%;}
.pix_txt a:hover{ color:#fff; background:#4a4a4a; transition:background-color 0.4s;}
.pix_txt h4{ line-height:1.3em; text-align:center; font-size:3em; font-weight:bold; color:#4a4a4a; margin:0 auto; position:absolute; top:30%; left:18%;}
.pix_txt img{ width:100%; height:auto;}

.adv_movie{ text-align:right; padding:0; margin:0;}
.pix_movie{}
.adv_movie img{ width:100%; height:auto;}

.adv_lin_a{ text-align:left; padding:0; margin:0;}
.adv_lin_b{ text-align:center; padding:0; margin:0;}
.adv_lin_c{ text-align:right; padding:0; margin:0;}

.adv_pix_a, .adv_pix_b, .adv_pix_c{ position:relative; padding:0; margin:0;}

.adv_pix_a{ width:100%;}
.adv_pix_b{ width:calc(100% - 20px); margin:0 auto;}
.adv_pix_c{ width:100%;}

.adv_pix_a h3, .adv_pix_b h3, .adv_pix_c h3{ text-align:center; font-size:3em; font-weight:bold; text-shadow:0 0 15px rgba(0,0,0,.4); color:#FFF; position:absolute; top:40%; left:30%;}
.adv_pix_a img, .adv_pix_b img, .adv_pix_c img{ width:100%; height:auto;}













/* ---- 收藏商品大頁面 ---- */
.comm_obj_zone{ min-width:1024px; min-width:300px; background:#FFF; text-align:left;}
.comm_obj_zone h3{ width:95%; text-align:left; font-size:1.8em; font-weight:bold; color:#ec6300; 
background:url(../img/sport/favorite.png) 0 3px no-repeat; padding:0 0 0 33px;} 

.comm_obj_bar{ width:99%; font-size:1.5em; font-weight:700; border-bottom:solid 2px #888; padding:0 0 10px 0; margin:0 auto;}

.comm_objinfo_bar{ width:99%; font-size:1.5em; font-weight:700; border-bottom:solid 1px #898989; margin:0 auto;}

.commobj_del, .commobj_pix, .commobj_name, .comm_pries, .commobj_onoff, .commadd_car{ display:block; line-height:82px; vertical-align:bottom;}

.commobj_del{}

.commobj_pix{ padding:5px 0;}

.commobj_name{ line-height: font-size:1em; font-weight:normal; color:#939391;}

.comm_pries{ font-size:1em; font-weight:bold; color:#F90;}

.commobj_onoff{ font-size:.8em; font-weight:normal; color:#939391;}

.commadd_car a{ text-decoration:none; font-size:.8em; font-weight:normal; border:solid 1px #b6b6b6; border-radius:20px; color:#FFF; 
background:#00baff; padding:5px 15px; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);}

.commadd_car a:hover{ background:#F90; transition:background 0.4s;}



/* ---- 收藏商品小頁面 ---- */
.comm_smobinfo_bar{ width:99%; font-size:1.5em; text-align:center;  border-bottom:solid 1px #898989; margin:0 auto;}

.commobj_smodel{ width:100%; text-align:right; margin:10px 0 10px 0;}
.commobj_smodel a{ margin:0 10px 0 0;}
.commobj_smopix{ width:100%; margin:0 0 5px 0;}
.commobj_smopix img{ width:95%; height:auto; border:solid 1px #999999;}

.commobj_smoname span, .comm_smopries span, .commobj_smoonoff span{ font-weight:bold; color:#333;}

.commobj_smoname, .comm_smopries, .commobj_smoonoff{ width:95%; text-align:left; font-size:.8em; color:#666; margin:0 auto 3px auto;}

.commadd_smocar a{ display:block; width:95%; text-decoration:none; font-size:.8em; font-weight:normal; border:solid 1px #b6b6b6; border-radius:20px; color:#FFF; 
background:#00baff; padding:5px 15px; margin:10px auto 20px auto; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);}
.commadd_smocar a:hover{ background:#F90; transition:background 0.4s;}







/* ---- 購物詳細頁面 ---- */
.shoptitle_bar{ width:80%; padding:20px 0 20px 0; margin:0 auto;}

.shoptitle_bar_l{ text-align:left; color:#333;}
.shoptitle_bar_l a{ text-decoration:none; font-size:1.3em; font-weight:bold; color:#333;}
.shoptitle_bar_l a:hover{ color:#0099FF; transition:color 0.4s;}

.shoptitle_bar_r{ text-align:right; color:#333;}
.shoptitle_bar_r a{ text-decoration:none; font-size:1em; color:#333;}
.shoptitle_bar_r a:hover{ color:#0099FF; transition:color 0.4s;}


.shop_bigpd_pix{ width:100%; margin:0 0 12px 0;}
.shop_bigpd_pix img{ width:100%; height:auto;}


.shop_smopd_pix{ width:100%; text-align:left; padding:0px; margin:0;}
.shop_smopd_pix li{ display:inline-table; list-style:none; margin:0 12px 0 0;}
.shop_smopd_pix li a{ display:block; border:solid 3px #fff;}
.shop_smopd_pix li a:hover{ display:block; border:solid 3px #666;}

.shop_info_txt{ width:100%; line-height:30px; text-align:left; font-size:1.3em; color:#666; margin:20px 0 0 0;}


.shop_titler{  width:100%; text-align:left; font-size:1.5em; color:#434343; margin:5px 0 10px 0;}

.shop_price_bar{ width:100%; text-align:left; font-size:1.3em; font-weight:bold; color:#F90; margin:10px 0;}

.shop_size_bar{ width:100%; text-align:left; margin:0 0 20px 0;}
.shop_size_bar h4{ display:inline-table; font-size:1.2em; color:#8b8b8b;}
.shop_size_bar h4 span{ color:#FF9900; margin:0 5px 0 0;}
.shop_size_bar select{ width:100%; border:solid 1px #c0c0c0; color:#999; padding:10px; outline:none;}

.shop_color_bar{ width:100%; text-align:left; margin:0 0 20px 0;}
.shop_color_bar h4{ display:inline-table; font-size:1.2em; color:#8b8b8b;}
.shop_color_bar h4 span{ color:#FF9900; margin:0 5px 0 0;}
.shop_color_bar ul{ padding:0; margin:0 0 0 10px; }
.shop_color_bar ul li{ display:inline-block; width:20px; height:20px; border:solid 2px #ccc; border-radius:50%; padding:0; margin:0 8px 8px 0;}
.shop_color_coa{ background:#C00;}
.shop_color_coa:hover{ cursor:pointer;}
.shop_color_cob{ background:#36C;}
.shop_color_cob:hover{ cursor:pointer;}


.shop_quan_bar{ width:100%; text-align:left; margin:0 0 20px 0;}
.shop_quan_bar h4{ display:inline-table; font-size:1.2em; color:#8b8b8b;}
.shop_quan_bar h4 span{ color:#FF9900; margin:0 5px 0 0;}
.shop_quan_bar input{ width:50%; border:solid 1px #c0c0c0; color:#999; padding:10px; outline:none;}

.shap_addcar{ width:100%; margin:10px 0 20px 0;}
.shap_addcar a{ display:block; width:100%; text-decoration:none; text-align:center; font-size:1em; color:#FFF; background:#363a90; padding:15px 0;}
.shap_addcar a:hover{ background:#939393; transition:0.4s;}

.mb-0{ text-align:left;}
.mb-0 a{ font-size:1.2em; font-weight:bold; color:#666; margin:0 0 0 16px;}

.card-body{ font-size:1em; font-weight:normal; line-height:26px;}



/* ---- 步驟百分比 ---- */
.step_perc{ width:100%; margin:30px auto; list-style:none;}
.step_perc li{ display:inline-table; text-align:left; line-height:50px; font-size:2em; font-weight:bold; color:#FFF; padding:0px; margin:0 0 0 -10px; list-style:none;}
.step_perc li span{ display:inline-table; margin:0 0 0 15px; vertical-align:top;} 
.step_perc li p{ display:inline-table; padding:0; margin:3px 0 0 5px;}

.perc_a{ background:#FF0000;}
.perc_b{ background:#CC0000;}
.perc_c{ background:#990000;}
.perc_e{ background:#ccc;}





/* ---- 01-05 ---- */
.collection_box{ float:right; width:28px; height:23px; text-align:center; 
background:url(../img/sport/favorite_bkere.png) no-repeat; padding:0; margin:15px 10px 0 0; position:relative;}
.collection_box a{ font-size:0.8em; font-weight:bold; color:#fff; background:#09F; border-radius:50%;  
padding:0px 2px; position:absolute; top:-10px; right:-5px;}








/* ---- 12-29 購物商城 ---- */
.sopmall_typa_bar{ width:100%; padding:0; margin:0 0 0 0;}
.sopmall_typa{ padding:0 10px; margin:0 0 20px 0; position:relative;}
.sopmall_typa h4{ font-size:1.2em; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,.5); color:#FFF; 
position:absolute; top:calc(50% - 10px); left:calc(50% - 95px); }
.sopmall_typa img{ width:100%; height:auto;}

.sopmall_typb_bar{ width:100%; padding:0; margin:0 0 0 0; position:relative;}
.sopmall_typb{ padding:0 5px; margin:0 0 20px 0;}
.sopmall_typb a{ display:block; text-decoration:none; border:solid 1px #c3c3c3;}
.sopmall_typb h4{ width:100%; font-size:1.5em; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,.1); color:#000; background:#ededed; padding:8px 0; margin:0;}
.sopmall_typb img{ max-width:100%;}


.sopmall_typc_bar{ width:100%; padding:0; margin:0; position:relative;}
.sopmall_typc{ padding:0 5px; margin:0 0 20px 0;}

.add_shop_Cart_box{ width:100%; background:#ffffff; position:relative; overflow:hidden;}
.add_shop_Cart_box a{ display:block; text-decoration:none;}


/* ---- 01-05 購物圖片動畫 ---- */
.add_shop_Cart_box h4{ width:50%; font-size:1.2em; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,.1); color:#fff; 
background:#F90; padding:8px 0; margin:0; position:absolute; top:0px; left:0px;}
.shop_pap_bag{ position:absolute; left:10px; bottom:50px;}
.add_shop_Cart_box span{ position:absolute; left:-60px; bottom:50px; opacity:0; transition:all 0.5s ease-in-out;}
.add_shop_Cart_box p{ width:100%; font-size:1.2em; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,.1); color:#fff; 
background:#082a45; padding:8px 0; margin:0; position:absolute;right:0px; bottom:-50px; opacity:0; transition:all 0.3s ease-in-out;}
.add_shop_Cart_box a:hover p{ bottom:0px; opacity:1; transition:all 0.3s ease-in-out;}
.add_shop_Cart_box a:hover span{ left:10px; bottom:50px; opacity:1; transition:all 0.5s ease-in-out;}
.add_shop_Cart_box img{ width:100%; height:auto;}



.sopmall_typc_txt{ width:100%; text-align:left;}
.sopmall_typc_txt h5{ font-size:1.3em; font-weight:bold; color:#6bae00;}
.sopmall_typc_txt p{ line-height:1em; height:1em; font-size:1em; overflow:hidden; color:#666;}
.sopmall_typc_txt h6{ font-size:1.3em; font-weight:bold; color:#FF9900;}


.sop_typ_sel_l, .sop_typ_sel_r{ position:absolute; top:calc(50% - 13px); z-index:999; opacity:.3;}
.sop_typ_sel_l:hover, .sop_typ_sel_r:hover{ position:absolute; top:calc(50% - 13px); z-index:999; opacity:1; transition:0.4s;}

.sop_typ_sel_l{ left:15px}
.sop_typ_sel_r{ right:15px;}


.firm_title_txt{ width:100%; text-align:center; font-size:2em; font-weight:bold; color:#000; margin:0 0 10px 0;}
.sopmall_typd_bar{ width:100%; padding:0; margin:0 0 0 0; position:relative;}
.sopmall_typd{ padding:0 5px; margin:0 0 20px 0;}
.sopmall_typd a{ display:block; text-decoration:none; border:solid 1px #c3c3c3;}
.sopmall_typd h4{ width:100%; font-size:1.5em; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,.1); color:#000; background:#ededed; padding:8px 0; margin:0;}
.sopmall_typd img{ width:100%; height:auto;}


/* ---- 01-05 ---- */
.shop_stor_bar{ width:100%; padding:15px 0 0 0; margin:0 auto;}
.shop_stor_l{ background:#f5f5f5; position:relative; padding:0 10px 0 0; margin:0 0 20px 0;}
.shop_stor_l img{ width:100%; height:auto;}
.shop_stor_l p{ font-size:3em; font-weight:bold; color:#4d4d4d; position:absolute; top:50%; left:50%;}
.shop_stor_r{ background:#FFCC00l; padding:0 0 0 10px; margin:0 0 20px 0;}
.shop_stor_r img{ width:100%; height:auto;}



.shop_stor_sell{}
.shop_stor_selr{ padding:0 10px; margin:0;}




/* ---- 01-05 左邊選像欄位 ---- */
.left_top_title{ width:100%; height:50px; line-height:50px; text-align:left; font-size:1.9em; font-weight:bold; color:#FF9900; background:#FFF; padding:0 0 0 10px;}
.left_select_title{ width:100%; height:40px; font-size:1.2em; font-weight:bold; background:#FFF; position:relative;}
.left_select_title a{ display:block; width:100%; height:40px; text-decoration:none; color:#000;}
.left_select_title a:hover{ color:#999;}
.left_select_title p{ position:absolute; top:8px; left:10px;}
.left_select_title span{ position:absolute; right:10px; bottom:7px;}

.left_select_borderl{ width:95%; height:1px; background:#999; margin:0 auto;}


/* ---- 01-05 商品選項 ---- */
.select_in_title{ width:100%; text-align:left; font-size:1.2em; font-weight:bold; color:#999; padding:0 0 0 10px; margin:8px 0;}
.select_in_title:hover{ color:#000; cursor:pointer;}
.select_in_title span{ font-size:.8em; margin:0 0 0 3px;} 
.select_in_lister{ border-left:solid 1px #666; padding:0 0 0 8px; margin:0 0 25px 20px;}
.select_in_lister li{ list-style:none; text-align:left; font-size:1.1em; color:#999; margin:0 0 8px 0;}
.select_in_lister li:hover{ color:#FF9900; cursor:pointer;}


/* ---- 01-05 價格拉條 ---- */
.left_sel_price{ width:100%; height:50px; margin:0 0 20px 0; position:relative;}

.smo_poiner_l{ width:15px; height:15px; border-radius:50%; background:#999; position:absolute; top:-5px; left:23px; z-index:999;}
.smo_poiner_r{ width:15px; height:15px; border-radius:50%; background:#999; position:absolute; top:-5px; right:23px; z-index:999;}
.smo_poiner_l a, .smo_poiner_r a{ display:block; width:15px; height:15px;}

.smo_linere_a{ width:200px; height:3px; background:#666; margin:15px auto 0 auto; position:absolute; top:-14px; left:calc(50% - 100px);}
.smo_linere_b{ width:200px; height:3px; background:#E8E8E8; margin:15px auto 0 auto;}

.smo_sprice{ font-size:1.2em; color:#999; position:absolute; left:10px; bottom:0px;}
.big_sprice{ font-size:1.2em; color:#999; position:absolute; right:10px; bottom:0px;}


/* ---- 01-05 顏色選擇 ---- */
.left_sel_colors{ display:block; width:100%; text-align:left; background:#FFF; padding:10px 0 20px 15px; margin:0;}
.left_sel_colors li{ display:inline-table; width:20px; height:20px; border:solid 2px #CCC; border-radius:50%; margin:0 15px 10px 0; 
box-shadow:inset 1px 1px 5px rgba(0,0,0,.2); }
.left_sel_colors li a{ display:block; width:20px; height:20px;}
.sel_colors_a{ background:#F00;}
.sel_colors_b{ background:#0C0;}
.sel_colors_c{ background:#FC0;}
.sel_colors_d{ background:#F0F;}
.sel_colors_e{ background:#0FF;}
.sel_colors_f{ background:#63F;}
.sel_colors_g{ background:#FF0;}
.sel_colors_h{ background:#F60;}
.sel_colors_i{ background:#960;}


/* ---- 01-05 尺寸選擇 ---- */
.left_sel_sizes{ isplay:block; width:100%; text-align:left; background:#FFF; padding:10px 0 20px 15px; margin:0;}
.left_sel_sizes input{ width:20px; height:20px; border:solid 1px #999; border-radius:none; background:#FFF; margin:0 5px 0 0;}
.left_sel_sizes label{ font-size:1.5em; font-weight:normal; vertical-align:super;}






/* ---- 080126 新聞頁面上選功能表 ---- */
.comunity_top_bar{ display:block; max-width:1140px; text-align:left; border-bottom:solid 1px #CCC; margin:0 auto; position:relative;}
.comunity_top_bar ul{ padding:0; margin:0;}
.comunity_top_bar ul li{ display:inline-table; margin:0 5px 0 5px;}
.comunity_top_bar ul li a{ text-decoration:none; line-height:40px; font-size:1.2em; font-weight:bold; border-bottom:solid 2px rgba(0,0,0,0); color:#70828a; padding:10px;}
.comunity_top_bar ul li a:hover{ color:#2aadff; border-bottom:solid 2px #2aadff; transition:0.4s;}

.write_article{ display:block; font-size:1.2em; font-weight:bold; color:#70828a; 
background:url(../img/add_member/write.png) no-repeat 0 12px; padding:10px 10px 10px 20px; margin:0; position:absolute; top:-3px; right:0px;}
.write_article:hover{ color:#2aadff; background:url(../img/add_member/write_b.png) no-repeat 0 11px; cursor:pointer; transition:0.4s;}


/* ---- 20180223 新聞頁內容 ---- */
.comunity_main_box{ display:block; font-family:Arial, Helvetica, sans-serif; max-width:1140px; padding:0; margin:0 auto;}

/* ---- 20180223 新聞頁左邊內容 ---- */
.comunity_main{ padding:0;}

.com_main_news_bar{ border-bottom:solid 1px #ccc; background:rgba(255,255,255,.6); padding:0 0 20px 0; margin:0;}
.com_main_news_pix{ display:inline-table; text-align:right; padding:0; margin:0 0 20px 0;}
.com_main_news_pix a{ width:100%; height:auto;}
.com_main_news_pix a img{ width:95%; height:auto;}
.com_main_news_mainere{ display:inline-table; padding:0 10px;}

.com_main_news_txt{ display:inline-table; font-size:1.2em; line-height:25px; color:#666; margin:0 0 20px 0;}
.com_main_news_txt a{ text-decoration:none; color:#666;}
.com_main_news_txt a:hover{ color:#0fa2ff; transition:0.4s;}

.con_news_title{ width:100%; padding:0; margin:0 0 5px 10px;}
.con_news_title h3{ font-weight:bold; color:#000; padding:0 10px 0 0;}

.com_main_news_view{ display:inline-table; width:100%; position:relative;}
.com_main_news_rv{ position:absolute; top:0; right:20px;}
.com_main_news_rv li{ display:inline-table; font-size:1.1em; color:#999;}

.comnev_a, .comnev_b, .comnev_c, .comnev_d{ padding:0 0 0 22px;}

.comnev_a{ background:url(../img/add_member/vie_a.png) no-repeat 0 2px;}
.comnev_b{ background:url(../img/add_member/vie_b.png) no-repeat 0 2px;}
.comnev_b a{ text-decoration:none; color:#999;}
.comnev_b a:hover{ color:#F90; transition:0.4s;}
.comnev_c{ background:url(../img/add_member/vie_c.png) no-repeat 0 2px;}
.comnev_c a{ text-decoration:none; color:#999;}
.comnev_c a:hover{ color:#F6F; transition:0.4s;}
.comnev_d{ background:url(../img/add_member/vie_d.png) no-repeat 0 2px;}

.source_time{ font-size:1.1em; color:#999; margin:0 0 0 3px;}
.source_time span{ color:#333; margin:0 10px 0 0;}






/* ---- 080126 新聞頁右邊選單 ---- */
.comunity_sele{ display:block; background:rgba(255,255,255,.6); margin:10px 0 0 0;}
.comunity_sele h3{ font-size:1.4em; font-weight:bold; color:#333;}

.com_article_bar{ width:100%; border-bottom:solid 1px #CCC; padding:10px 0;}

.com_article_tit{ display:inline-table; width:35%;}

.com_article_main{ display:inline-table; width:60%; line-height:20px; font-size:1.1em; vertical-align:top;}
.com_article_main:hover{ color:#06C; cursor:pointer; transition:0.4s;}



/* ---- 080126 新聞內頁 ---- */
.comere_news_zone{ width:100%; background:rgba(255,255,255,.6); padding:10px; margin:10px 0 0 0;}
.comere_news_zone h3{ width:100%; font-size:2.2em; font-weight:bold; border-bottom:solid 1px #CCC; padding:15px 0 10px 15px; margin:0;}
.comere_news_zone ul{ padding:0; margin:15px 0 10px 20px;}
.comere_news_zone ul li{ display:inline-table; color:#999; margin:0 15px 0 0;}


/* ---- 180223 文章頁面  ---- */
.comere_news_title{ width:100%; border-bottom:dashed 1px #a1a1a1; padding:0 0 10px 0; margin:0;}
.comere_news_pix{ display:inline-table; width:140px; height:140px; border-radius:50%; border:solid 5px #FFF; 
background:url(../img/add_member/face_ans_sup.jpg); center; box-shadow:1px 1px 10px rgba(0,0,0,.2); margin:25px 5px 0 10px;}
.comere_news_main{ display:inline-table; width:calc(100% - 160px); vertical-align:bottom;}

.comere_midea_bar{ width:100%; text-align:center; border-top:solid 1px #a1a1a1; border-bottom:solid 1px #a1a1a1; padding:10px 0 5px 0; margin:0;}

.com_thuup, .com_message, .com_share, .com_collet{ font-family:微軟正黑體, Arial, Helvetica, sans-serif; text-align:center; color:#616770; padding:0; margin:0;}
.com_thuup h3, .com_message h3, .com_share h3, .com_collet h3{ width:60%; text-align:center; font-size:1em; border:none; padding:0 0 5px 0; margin:0 auto;}
.com_thuup p, .com_message p, .com_share p, .com_collet p{ width:60%; font-size:1em; border-top:dashed 1px #d6d0d0; padding:0; margin:0 auto;}

.com_thuup h3 span{ background: url(../img/midea_bar/med_icon_001.png) no-repeat center; padding:0 10px; box-sizing:border-box;}
.com_message h3 span{ background: url(../img/midea_bar/med_icon_002.png) no-repeat center; padding:0 10px; box-sizing:border-box;}
.com_share h3 span{ background: url(../img/midea_bar/med_icon_003.png) no-repeat center; padding:0 10px; box-sizing:border-box;}
.com_collet h3 span{ background: url(../img/midea_bar/med_icon_004.png) no-repeat center; padding:0 10px; box-sizing:border-box;}



.por_zone_s{ display:block; width:35px; height:35px; position:relative;}
.portrait_pix_s{ width:35px; height:35px; border-radius:50%; border:solid 2px #FFF; 
background:url(../img/add_member/face_ans_s.jpg) center; box-shadow:1px 1px 5px rgba(0,0,0,.2); padding:0; margin:0; cursor:pointer;
position:absolute; top:-22px; left:10px;}



/* ---- 180223 ---- */
.user_edit_zone{ line-height:30px; font-size:1.2em; padding:5px;}



/* ---- 180223 回覆區域  ---- */
.news_speaking_zone{ width:100%; padding:20px 5px 15px 5px;}

.por_zone_b{ display:inline-table; width:35px; height:35px; vertical-align:top; padding:0; margin:0 5px 0 0;}
.portrait_pix_b{ width:35px; height:35px; border-radius:50%;
background:url(../img/add_member/face_ans_b.jpg) center; box-shadow:1px 1px 5px rgba(0,0,0,.2); padding:0; margin:0; cursor:pointer;}

.por_zone_posted_bar{display:inline-table; width:calc(100% - 125px); padding:0;}
.por_zone_posted_bar input{ width:100%; line-height:25px; font-size:1.1em; border-radius:5px; border:solid 1px #999; 
box-shadow:inset 1px 1px 15px rgba(0,0,0,.1); padding:5px 10px; box-sizing:border-box; outline:none;}
.por_zone_posted_bar textarea{ width:100%; min-height:4em; line-height:25px; font-size:1.1em; border-radius:5px; border:solid 1px #999; 
box-shadow:inset 1px 1px 15px rgba(0,0,0,.1); padding:5px 10px; box-sizing:border-box; outline:none;}


.por_zone_enter_bar{ display:inline-table; width:70px; text-align:leftl; vertical-align:top; margin:0 0 0 5px;}
.por_zone_enter_bar input{ width:100%; text-align:center; font-size:1.2em; font-weight:bold; border-radius:10px; border:solid 2px #FFCC00; color:#FFF; 
background:#F90; padding:5px 0;}
.por_zone_enter_bar input:hover{ border:solid 2px #00CCFF; background:#2aadff; transition:0.4s;}

.por_zone_link_bar{ display:block; width:100%; padding:0 20px; margin:0;}
.por_zone_link_bar a{ text-decoration:underline; color:#0066FF; padding:0; margin:0;}
.por_zone_link_bar a:hover{ color:#FF9900; transition:0.4s;}

.por_zone_views_bar{ display:inline-table; width:calc(100% - 50px); line-height:20px; font-size:1em; border:solid 1px #ccc; border-radius:10px; color:#373b42; 
  background:#fff; padding:10px; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);}
.por_zone_views_bar span{ font-weight:bold; color:#365899; margin:0 12px 0 0;}

.por_reply_bar{ font-size:1em; margin:5px 0 0 55px;}
.por_reply_bar span{ font-size:.8em; color:#90949c; }
.por_reply_bar a{ color:#365899;}
.por_reply_bar a:hover{ color:#FF9900; transition:0.4s;}


.news_second_reply_zone{ margin:0 0 20px 50px; }


.por_zone_bs{ display:inline-table; width:24px; height:24px; vertical-align:top; padding:0; margin:0 5px 0 0;}
.portrait_pix_bs{ width:24px; height:24px; border-radius:50%;
background:url(../img/add_member/face_ans_b.jpg) center; box-shadow:1px 1px 5px rgba(0,0,0,.2); padding:0; margin:0; cursor:pointer;}

.por_zone_views_bars{ display:inline-table; width:calc(100% - 40px); line-height:20px; font-size:1em; border:solid 1px #ccc; border-radius:10px; color:#373b42; 
  background:#fff; padding:10px; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);}
.por_zone_views_bars span{ font-weight:bold; color:#365899; margin:0 12px 0 0;}

.por_reply_bars{ font-size:1em; margin:5px 0 0 43px;}
.por_reply_bars span{ font-size:.8em; color:#90949c; }
.por_reply_bars a{ color:#365899;}
.por_reply_bars a:hover{ color:#FF9900; transition:0.4s;}


.por_zone_posted_bars{display:inline-table; width:calc(100% - 115px); padding:0;}
.por_zone_posted_bars input{ width:100%; line-height:25px; font-size:1.1em; border-radius:5px; border:solid 1px #999; 
box-shadow:inset 1px 1px 15px rgba(0,0,0,.1); padding:5px 10px; box-sizing:border-box; outline:none;}
.por_zone_posted_bars textarea{ width:100%; line-height:25px; font-size:1.1em; border-radius:5px; border:solid 1px #999; 
box-shadow:inset 1px 1px 15px rgba(0,0,0,.1); padding:5px 10px; box-sizing:border-box; outline:none;}

.por_zone_enter_bars{ display:inline-table; width:70px; text-align:leftl; vertical-align:top; margin:0 0 0 5px;}
.por_zone_enter_bars input{ width:100%; text-align:center; font-size:1.2em; font-weight:bold; border-radius:10px; border:solid 2px #FFCC00; color:#FFF; 
background:#F90; padding:5px 0;}
.por_zone_enter_bars input:hover{ border:solid 2px #00CCFF; background:#2aadff; transition:0.4s;}







/* ---- 080126 文章個人資料 ---- */
.personal_info_bar{ width:100%; border-bottom:solid 1px #ccc; background:rgba(255,255,255,.6); margin:10px 0 0 0;}
.personal_info_bar li{ display:inline-table;}

.pers_sup_box{ width:140px; text-align:center; margin:0 10px 0 0;}
.pers_sup_box h3{ font-weight:bold; padding:0; margin:10px 0 20px 0;}
.pers_sup_box h3 span{ color:#990000;}

.pers_sup_pix{ width:140px; height:140px; border-radius:50%; border:solid 5px #FFF; 
background:url(../img/add_member/face_ans_sup.jpg); center; box-shadow:1px 1px 10px rgba(0,0,0,.2); margin:25px 0 0 0;}

.pers_wes_a{ width:140px; margin:0 5px; position:relative;}
.pers_wes_a input{ font-size:1.5em; font-weight:bold; border-radius:8px; border:solid 2px #2acfff; color:#FFF; 
background:#2aadff; padding:5px 20px; position:absolute; bottom:-5px; left:0; }
.pers_wes_a input:hover{ border:solid 2px #FFCC00; background:#F90; transition:0.4s;}

.pers_wes_b{ width:140px; margin:0 5px; position:relative;}
.pers_wes_b input{ font-size:1.5em; font-weight:bold; border-radius:8px; border:solid 2px #FFCC00; color:#FFF; 
background:#F90; padding:5px 20px; position:absolute; bottom:-5px; left:0; }
.pers_wes_b input:hover{ border:solid 2px #2acfff; background:#2aadff; transition:0.4s;}


/* ---- 080126 文章區域 ---- */
.article_area{ background:rgba(255,255,255,.6); padding:10px 20px 20px 20px; margin:0;}
.article_area h3{ width:100%; border-bottom:solid 1px #CCC; padding:0 0 10px 0;}



.article_area_list{ margin:20px 0 0 0;}
.article_area_list table{ width:100%; border:solid 1px #9cc8e3;}
.article_area_list table tr{}
.article_area_list table tr td{ text-align:center; padding:5px 10px}

.art_are_title{ font-size:1.2em; font-weight:bold; color:#FFF; background:#0090ea;}
.art_are_main{ color:#999;}
.art_are_main:hover{ color:#fff; background:#ddd;}


.pagination_bar{ width:100%; text-align:center; margin:30px 0; padding:0;}
.pagination_bar a{ text-decoration:none; font-size:1em; font-weight:bold; text-shadow:1px 1px 1px rgba(0,0,0,.2); 
border-radius:5px; border:solid 1px #dddddd; color:#5b656f;
background: rgb(252,252,252);
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(254,254,254,1) 16%, rgba(241,241,241,1) 86%, rgba(242,242,242,1) 100%);
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(254,254,254,1) 16%,rgba(241,241,241,1) 86%,rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(254,254,254,1) 16%,rgba(241,241,241,1) 86%,rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 );
padding:5px 10px; margin:0px 1px; box-shadow:1px 1px 1px rgba(0,0,0,.0.5);}
.pagination_bar a:hover{ color:#FFF; text-shadow:1px 1px 2px rgba(0,0,0,.3);  border:solid 1px rgba(255,255,255,0);
background: rgb(21,167,255);
background: -moz-linear-gradient(top, rgba(21,167,255,1) 0%, rgba(0,117,188,1) 7%, rgba(0,99,158,1) 86%, rgba(0,99,158,1) 100%);
background: -webkit-linear-gradient(top, rgba(21,167,255,1) 0%,rgba(0,117,188,1) 7%,rgba(0,99,158,1) 86%,rgba(0,99,158,1) 100%);
background: linear-gradient(to bottom, rgba(21,167,255,1) 0%,rgba(0,117,188,1) 7%,rgba(0,99,158,1) 86%,rgba(0,99,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a7ff', endColorstr='#00639e',GradientType=0 );
box-shadow:1px 1px 2px rgba(0,0,0,.0.5);
transition:0.4s;}



/* ---- 02-02 文章填寫頁面 ---- */
.member_warning{ width:95%; text-align:center; font-size:1.2em; border:solid 1px #FF9900; color:#F60; background:rgba(255,153,0,.2); padding:8px; margin:20px auto;}

.ui_text_block{ width:95%; margin:20px auto;}

.mamin_title{ display:inline-block; width:15%; text-align:right; font-size:1.3em; font-weight:normal;}

.mamin_title_txt{ vertical-align:top;}

.ui_text_input{ width:70%; max-width:684px; border:solid 1px #dfdfdf; border-radius:5px; padding:6px 10px; outline:none; vertical-align:middle;}

.widther_wo{ width:50%;}

/* ---- 0209 ---- */
.article_area .ui_text_block .exe_sit_fi{ display:inline-table; margin:0 5px 0 15%;}

.inp_out_pix{ display:inline-table; margin:10px 0 0 15%;}

.ui_text_block .ui_text_tips{ display:block; line-height:20px; font-size:1.1em; color:#bfbfbf; margin-top:5px; margin-left: 15.5%;}

/* ---- 0209 ---- */
.ui_btn{ display:inline-table; }

.ui_btn_upload{ width:auto; font-size:1.1em; font-weight:normal; border:1px solid #a4a4a4; border-radius:3px; color:#333;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#dfdfdf',GradientType=0);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ddd)),repeat;
    background: -moz-linear-gradient(top,#f6f6f6 0,#ddd 100%),repeat;
    background: -webkit-linear-gradient(top,#f6f6f6 0,#ddd 100%),repeat;
    background: -o-linear-gradient(top,#f6f6f6 0,#ddd 100%),repeat;
    background: -ms-linear-gradient(top,#f6f6f6 0,#ddd 100%),repeat;
    background: linear-gradient(to bottom,#f6f6f6 0,#ddd 100%),repeat;
    padding:5px 10px; cursor:pointer; vertical-align:middle;}

.input_logo_s{ vertical-align:bottom; max-width:100%; max-height:240px; margin:0 0 10px 0;}

.ui_text_textarea{ width:70%; max-width:700px; height:100px; border:solid 1px #dfdfdf; border-radius:3px; padding:6px 10px; outline:none; vertical-align:middle;}

.ui_text_select{ border:1px solid #dfdfdf; border-radius:3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align:middle; padding:5px;}

.dis_ib{ display:inline-block; vertical-align:top;}
.dis_ib input{ width:20px; height:20px; vertical-align:top; }
.dis_ib label{ line-height:25px; font-size:1.2em; font-weight:normal;}

.mgsa_txt_a{ width:70%;}
.mgsa_txt_a input{ display:inline-table; width:20px; height:20px;}
.p_txt_fist{ display:inline-table; line-height:25px; font-size:1.1em; vertical-align:top;}
.a_txt_sect{ display:inline-table; line-height:25px; font-size:1.1em; margin:-15px 0 0 23px;}

.downewr_bbter{font-size:1.5em; font-weight:bold; border-radius:8px; border:solid 2px #FFCC00; color:#FFF; 
background:#F90; padding:5px 40px; margin:0 0 0 160px;}
.downewr_bbter:hover{border:solid 2px #2acfff; background:#2aadff; transition:0.4s;}




/* ---- 02-02 活動查詢 ---- */
.reg_query_zone{ width:100%; font-family:微軟正黑體, Arial, Helvetica, sans-serif; background:#fff; padding:1px 2px 20px 2px; margin:0 auto;}
.reg_query_box{ width: 100%; border-radius:5px; background:rgba(0,138,255,.03); }

.ma_query_title{ width:100%; font-size:1.3em; border-bottom:solid 1px #fff; padding:0 0 5px 0; margin:15px 0 8px 0;}
.ma_query_title span{ color:#FF0000; margin:0 3px 0 0;}

.maquer_text_select{ width:100%; border:solid 1px #ccc; border-radius:5px; padding:8px 10px; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);}

.maquer_text_input{ width:100%; border:solid 1px #ccc; border-radius:5px; padding:8px 10px; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);}

.maquer_text_tips{ width:100%; font-size:1.1em; color:#bfbfbf; margin:5px 0 0 10px;}

.maquer_bbt_boxx{ width:100%; text-align:right; background:none;}

.maquer_down_bbt{font-size:1.5em; font-weight:bold; border-radius:8px; border:solid 2px #FFCC00; color:#FFF; 
background:#F90; padding:5px 40px; margin:0 30px 30px 0;}
.maquer_down_bbt:hover{border:solid 2px #2acfff; background:#2aadff; transition:0.4s;}




/* ---- 02-02 活動報名排隊 ---- */
.lineup_info_bar{ font-size:1.2em; border-bottom:solid 1px #becfda; padding:8px 0;}
.lineup_info_bar span{ font-weight:bold; color:#053368;}
.lineup_info_bar:last-child{ border-bottom:none;}

.lineup_all_page{ background:#fff; padding:15px;}
.lineup_page{ font-family:微軟正黑體, Arial, Helvetica, sans-serif; vertical-align:top; padding:10px; margin:0;}
.lineup_in_page{ font-size:1em; border:solid 3px #a8ebff; border-radius:8px; background:rgba(0,156,255,.03); padding:20px; margin:0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1); }
.lineup_in_page span{ font-weight:bold;}



/* ---- 02-02 中間數字牌子 ---- */
.lineup_time_a{ width:100%; border:solid 3px #76bce5; border-radius:10px 10px 5px 5px; text-align:center; color:#fff; 
  background:#173d68; padding:15px 0; margin:0 auto 5px auto; box-shadow:inset 1px 1px 5px rgba(0,0,0,.5);}
.lineup_time_a h3{ width:100%; font-size:1.2em; font-weight:bold; text-align:center; margin:0 auto;}
.lineup_time_a h3 span{ font-size:1.2em; font-weight:bold; text-align:center; color:#00fff6;  margin:0 0 0 5px;}


.lineup_time_b{ width:100%; border:solid 3px #76bce5; border-radius:5px 5px 10px 10px; text-align:center; color:#fff; 
  background:#315e90; padding:15px 0; margin:0 auto 5px auto; box-shadow:inset 1px 1px 5px rgba(0,0,0,.5);}
.lineup_time_b h3{ width:100%; font-size:2em; font-weight:bold; text-align:center; padding:0 0 10px 0; margin:0 auto -10px auto;}
.lineup_time_b h3 span{ font-size:1.5em; }


/* ---- 02-02 數字牌標題 ---- */
.lineup_time_title_a{ width:100%; text-align:center; font-size:2em; font-weight:bold; padding:0; margin:0 0 -10px 0;}
.lineup_time_noba{ width:100%; text-align:center; font-size:2.3em; font-weight:bold; border-bottom:solid 1px #becfda; color:#ea5404; margin:0 0 10px 0;}
.lineup_time_title_b{ width:100%; text-align:center; font-size:2em; font-weight:bold; padding:0; margin:0 0 -5px 0;}






/* ---- 06-08 數位角色 ---- */
#WAPPER{ min-width:320px; max-width:800px; height:100%; font-family:微軟正黑體,Arial,Helvetica,sans-serif; margin:0 auto; background:#FFF;}

.select_digi_zone{ width:100%; text-align:center; padding:0; margin:0; overflow:hidden;}
.select_image_left{ display:inline-table; width:10%; height:auto; text-align:center; padding:0; margin:50% 0 0 0; vertical-align:top;}
.select_image_right{ display:inline-table; width:10%; height:auto; text-align:center; padding:0; margin:50% 0 0 0; vertical-align:top;}

.select_image{ display:inline-table; width:78%; height:100%; text-align:center; background:#999966; vertical-align:top; padding:0; margin:0;}
.select_image li{ list-style-type:none;}
.select_image li img{ width:100%; height:auto; margin:0 auto;}

.select_image_name{ width:100%; text-align:center; font-size:1.5em; font-weight:bold; color:#5b5b5b; margin:10px 0 0 0;}

.digital_main_zone{ background:#f2f2f2;}

.routa_top_txx{ text-align:left; font-size:1.2em; 
background: rgb(220,220,220);
background: -moz-linear-gradient(top, rgb(220,220,220) 0%, rgb(234,234,234) 45%, rgb(231,231,231) 100%);
background: -webkit-linear-gradient(top, rgb(220,220,220) 0%,rgb(234,234,234) 45%,rgb(231,231,231) 100%);
background: linear-gradient(to bottom, rgb(220,220,220) 0%,rgb(234,234,234) 45%,rgb(231,231,231) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#e7e7e7',GradientType=0 );
padding:8px 11%; margin:15px 0;}

.digital_main_bar{ font-size:1.5em; padding:8px 15%; margin:0;}

.routa_title{ display:inline-table;}
.routa_ddat{ display:inline-table; width:50%; border:none;}

.routa_dat_time{ display:inline-table; font-size:1.3em; font-weight:bold; color:#dc5b31;}

.digital_mains_bar{ width:72%; font-size:1.5em; border-bottom:solid 1px #d5d5d5; padding:8px ; margin:0 auto; cursor:pointer;}

.select_radio{ display:inline-table; width:60%; text-align:right; background:#FC0; position:relative;}

.select_yes p{ display:block; width:38px; height:20px; background:url(../img/digi/onoff.png) top right; position:absolute; right:0px; bottom:-12px;}
.select_no p{ display:block; width:38px; height:20px; background:url(../img/digi/onoff.png) bottom left; position:absolute; right:0px; bottom:-12px;}

.route_bigbbtere{ display:block; width:100%; text-align:center; background:#f2f2f2; padding:20px 0 30px 0;}
.route_bigbbtere a{ display:block; text-decoration:none; width:70%; text-align:center; font-size:1.5em; font-weight:bold; border-radius:10px; color:#fff;
 background:#7fb801; padding:12px 0; margin:0 auto; box-shadow:inset 0 0 5px #CCFF00;}
.route_bigbbtere a:active{ background:#FF6600; box-shadow:inset 0 0 5px #FFCC00;}





.vrrole_purchase_zone{ width:70%; font-family:微軟正黑體, Arial, Helvetica, sans-serif; background:#FFF; padding:0 0 25px 0; margin:15px auto;}
.vrrole_purchase_zone h1{ width:100%; font-size:1.5em; font-weight:bold; border-bottom:solid 2px #FF3300; color:#FF3300; padding:15px; margin:0;}

.vr_pur_bar{ width:100%; border-bottom:dashed 1px #b3836a; padding:0 0 10px 0; margin:0;}
.vr_pur_bar h2{ font-size:1.8em; font-weight:bold; color:#0090ff; padding:0 0 0 20px; margin:15px 0 5px 0;} 


.rabbit_block{ width:100%; border-bottom:solid 1px #f2f2f2; background:#f1f7dc; padding:20px;}
.rabbit_block span{ font-size:1.2em; vertical-align:bottom;}
.vrrole_purchase_zone .rabbit_block span p{ text-decoration:underline; font-weight:bold; color:blue; vertical-align:bottom;}

.route_ckbox{ display:inline-table; width:20px; padding:0; margin:0;}
.route_ckbox img{ width:100%; height:auto; }


.rabbit { display:block;}
.rabbit li { display:inline-table;}
.rabbit li input{ width:20px; height:20px; padding:0; margin:0 0 0 -15px; vertical-align:bottom;;}
.rabbit .name { width:30%; font-size:1.2em; font-weight:bolder; color:#003fbe;}
.rabbit .time { width:30%; font-size:1.2em; font-weight:bolder; color:#636363;}
.rabbit .price { width:30%; font-size:1.2em; font-weight:bolder; color:#ea5404;}

/* ---- 2018 06-21 購物館 ---- */
.sopmall_area{ display:inline-table; font-family:微軟正黑體,Arial, Helvetica, sans-serif; 
border:solid 3px #FFF4F4; border-radius:10px; 
background: rgb(249,229,229);
background: -moz-linear-gradient(top, rgba(249,229,229,1) 0%, rgba(252,181,181,1) 99%);
background: -webkit-linear-gradient(top, rgba(249,229,229,1) 0%,rgba(252,181,181,1) 99%);
background: linear-gradient(to bottom, rgba(249,229,229,1) 0%,rgba(252,181,181,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e5e5', endColorstr='#fcb5b5',GradientType=0 );
box-shadow:inset 1px 1px 5px rgba(206,140,140,.5), 2px 2px 5px rgba(0,0,0,.08);

 margin:0 0 20px 0; box-sizing:border-box; margin:0 5px 20px 5px;}
.sopmall_area a{ display:block; 
background:url(../images/shopping/gift_area.png) no-repeat 10px -1px; padding:0 12px 0 35px;}

.sopmall_area h4{ text-shadow:-1px -1px 0 #fbb7b7; color:#092f55;  font-weight:bold;}



@media (max-width: 1024px) {
/* ---- 選購首頁 ---- */
.pix_txt a{ font-size:1.2em; bottom:20%; left:25%;}
.pix_txt h4{ line-height:1.5em; font-size:2em; top:30%; left:15%;}

.adv_pix_a h3, .adv_pix_b h3, .adv_pix_c h3{ font-size:2.5em; top:35%; left:20%;}

.sop_typ_sel_l, .sop_typ_sel_r{ display:none;}


/* ---- 02-20 ---- */
.com_article_tit{ width:20%;}
.com_article_tit img{ width:90%; height:auto;}

.com_main_news_bar{}
.com_main_news_pix{ display:inline-table; padding:0;}
.com_main_news_pix img{ width:100%; height:auto;}

.write_article{ position:absolute; top:-3px; right:15px;}
.select_radio{ display:inline-table; width:82%; text-align:right; background:#FC0; position:relative;}

}




@media (max-width: 767px) {
.sign_inpage h1{ margin: 0 0 0 0;}

/* ---- 數字牌 ---- */
.hide_zone{ display:block; margin:-25px 0 20px 0;}
.shower_zone{ display:none;}
body .navbar .navbar-collapse ul .topselnav_hi{ display:block;}
.plate_box{ width:20%; display:inline-table; margin:0 0 10px 0; position:relative;}
.plate_in{ /*width:45%;*/ height:100%; display:inline-table; font-size:11vw; border-radius:5px; color:#FFF; 
background: rgb(64,64,64);
background: -moz-linear-gradient(top, rgba(64,64,64,1) 0%, rgba(43,43,43,1) 48%, rgba(0,0,0,1) 51%, rgba(41,41,41,1) 53%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(43,43,43,1) 48%,rgba(0,0,0,1) 51%,rgba(41,41,41,1) 53%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(64,64,64,1) 0%,rgba(43,43,43,1) 48%,rgba(0,0,0,1) 51%,rgba(41,41,41,1) 53%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#000000',GradientType=0 );
padding:0 3px; margin:0 1px;}
.plate_in:before{ display:block; content:""; width:25px; height:2px; background:#000; position:absolute; top:50%;}

.sit_stt{ font-size:.1vw; font-weight:bold; position:absolute;}

.sizes_up{ margin-top:-20px;}
.sizes_upu{ margin-top:-40px;}

.ppo_box{ display:inline-table; width:2%; height:59px; vertical-align:top; position:relative;}
.ppo_a{ width:5px; height:5px; background:#000; position:absolute; top:30%; left:1px;}
.ppo_b{ width:5px; height:5px; background:#000; position:absolute; bottom:30%; left:1px;}

.side_zona h1{ width:100%; font-size:20px; font-size:7vw; font-weight:bold; text-align:center; color:#fc9900; padding:0 0 0 0; margin:-2px 0 8px 0;}

.photo_intime{ color:#656565; position:absolute; right:0px;/* bottom:0px;*/}
.photo_share{ display:inline-table; vertical-align:bottom; position:absolute; right:85px;/* bottom:-2px;*/}


.mem_pospic a{ display:inline-table; width:40%;}
.sapere{ display:block;}

.smo_up_a{ margin:-10px 0 15px 0;}
.smo_up_b{ margin:-10px 0 15px 0;}

}


@media (max-width: 768px) {
/* ---- photo ---- */
.pixe_toptxt{ width:98%; font-size:2.2em; color:#666; margin:5px auto;}
.pixe_main_data{ width:98%; text-align:left; font-size:2em; font-weight:bold; padding:0px; margin:0px auto;}

.photo_inlove{ color:#8e8e8e; background:url(../img/photo_love_b.png) no-repeat 0px 10px; padding:0 0 0 42px;}
.photo_inview{ color:#8e8e8e; background:url(../img/photo_view_b.png) no-repeat 0px 10px; padding:0 0 0 42px;}

.pixe_dow_price{ width:98%; text-align:left; margin:0 auto; position:relative;}
.pixe_dow_price h1{ font-size:5.5em; font-weight:bold; color:#656565;}
.pixe_dow_price a{ text-decoration:none; font-size:3em; border-radius:5px; color:#FFF; 
background:#ea5404; padding:10px 20px; position:absolute; right:0px; bottom:0px;}



.fb_title h5{ line-height:25px; font-size:1.2em; font-weight:bold;}
.mem_title h5{ line-height:25px; font-size:1.2em; font-weight:bold;}

.app_bbt{ display:block;}
.app_bbt_main{ display:none;}


/* ---- 選購首頁 ---- */
.pix_txt a{ font-size:1.2em; bottom:20%; left:18%;}
.pix_txt h4{ line-height:1.5em; font-size:1.5em; top:30%; left:15%;}

.adv_pix_a h3, .adv_pix_b h3, .adv_pix_c h3{ font-size:2em; top:35%; left:20%;}


/* ---- 01-05 價格拉條 ---- */
.smo_linere_a{ width:660px; height:3px; background:#666; margin:15px auto 0 auto; position:absolute; top:-14px; left:calc(50% - 330px);}
.smo_linere_b{ width:660px; height:3px; background:#E8E8E8; margin:15px auto 0 auto;}


/* ---- 080126 新聞頁 ---- */
.com_main_news_bar{}
.com_main_news_rv{ clear:both; position:relative; padding:0 0 0 25px; margin:0;}


/* ---- 080202 新聞頁面上選功能表 ---- */
.comunity_top_bar{ padding:0 0 10px 0;}
.comunity_top_bar ul{ width:80%;}
.comunity_top_bar ul li{ display:inline-table; margin:0 5px -10px 5px;}

}



@media (max-width: 575px) {
/* ---- 數字牌 ---- */
.plate_in{font-size: 2.9em;}

.sizes_up{ margin-top:-20px;}
.sizes_upu{ margin-top:-40px;}

.side_zona h1{ width:100%; font-size:20px; font-size:7vw; font-weight:bold; text-align:center; color:#fc9900; padding:0 0 0 0; margin:-2px 0 8px 0;}


/* ---- 個人報名頁面 ---- */
.results_sel_bar{ display:block; width:92%; text-align:left; border-bottom:solid 1px #000; margin:0 auto 5px auto; position:relative;}
.results_sel_bar h3{ display:inline-table; font-weight:bold; line-height:0px; color:#ea5505; vertical-align:top; margin-left:15px;}

.results_down_sel_a{ display:block; width:100%; text-align:center; font-size:1.1em; margin:0 auto;}
.results_down_sel_a select{ display:inline-table; width:94%; padding:2px 5px; margin:0 auto 5px auto;}

.results_down_sel_b{ display:inline-table; width:100%; font-size:1.1em; border-radius:5px; background:#d9d8d8; padding:5px 10px;}
.results_down_sel_b select{ display:block; width:100%; padding:2px 5px; margin:0 auto 5px auto;}
.results_down_sel_b input{ display:block; width:100%; padding:2px 5px; margin:0 auto 5px auto;}

.results_sel_bbt{ display:block; text-align:center; margin:10px auto;}
.results_sel_bbt input{ width:94%; font-size:1.1em; border:none; border-radius:5px; color:#FFF; background:#eb5405; padding:10px 15px; margin:0 auto;}
.results_sel_bbt input:hover{ background:#C00;}

.results_txt{ width:100%; text-align:center; font-size:2vw; font-weight:bold; color:#082a45; margin:20px auto 10px auto;}
.results_title_bar{ width:100%; line-height:50px; font-weight:bold; color:#80878c; background:#082a45;}
.results_main_bar{ width:100%; line-height:40px; border-bottom:solid 1px #908e8f; color:#9c9c9c; padding:5px 0; margin:0 0 0 0;}


/* ---- 顯示狀態條 ---- */
.main_card_ctiner_bar h3{ display:block; margin:20px 0;}

.box_option, .men_option, .select_option{ display:inline-table;}

.box_option a{ display:block; width:38px; height:38px; text-indent:-99999px; 
background:url(../img/ad_main/sel_nav_box.png) no-repeat top right; margin:0 3px 0 15px;}
.box_option a:hover{ background-position:bottom left;}

.men_option a{ display:block; width:38px; height:38px; text-indent:-99999px; 
background:url(../img/ad_main/sel_nav_lest.png) no-repeat top right; margin:0 3px 0 0;}
.men_option a:hover{ background-position:bottom left;}

.select_option{}
.select_option input{ font-size:15px; border-radius:5px; border:solid 1px #bfbfbf; padding:8px 12px; 
background: url(../img/ad_main/search.png) no-repeat 145px 5px #fff ; vertical-align:top;}

.top_main_wbkere h3{ font-size:1.5em;}
.nav-tabs > li {padding:0;}




/* ---- photo ---- */
.pixe_toptxt{ width:98%; font-size:1.1em; color:#666; margin:5px auto;}
.pixe_main_data{ width:98%; text-align:left; font-size:.9em; font-weight:bold; padding:0px; margin:0px auto;}

.photo_inlove{ color:#8e8e8e; background:url(../img/photo_love.png) no-repeat 0px 3px; padding:0 0 0 22px;}
.photo_inview{ color:#8e8e8e; background:url(../img/photo_view.png) no-repeat 0px 3px; padding:0 0 0 22px;}

.pixe_dow_price{ width:98%; text-align:left; margin:0 auto; position:relative;}
.pixe_dow_price h1{ font-size:2.5em; font-weight:bold; color:#656565;}
.pixe_dow_price a{ text-decoration:none; font-size:1.2em; border-radius:5px; color:#FFF; 
background:#ea5404; padding:8px 15px; position:absolute; right:0px; bottom:0px;}
 



/* ----- 購物頁面 - 內頁上按鈕列 ------------------------ */
.top_nav{ line-height:30px;}
.top_nav ul li{ width:100%; border-bottom:dashed 1px #FFCC66; list-style:none; padding:0;}
.top_nav ul li a{ display:block; width:100%; line-height:40px; font-size:1.2em; font-weight:bold; text-decoration:none; box-sizing:border-box; color:#2f2f2f; padding:0 0 0 15px;}
.top_nav ul li a:hover{ border-bottom:none; color:#fff; background:#f6511d}


/* ----- 購物頁面四個按鈕 ------------------------ */
.spopd_a, .spopd_b, .spopd_c{ right:0px; bottom:0px;}
.spopd_d{ left:0px; bottom:0px;}
.spopd_a span, .spopd_b span, .spopd_c span, .spopd_d span{ color:#FFF; text-shadow:0 0 3px #000, 0 0 5px #000, 0 0 10px #000;}

.product_pricebar li{ display:inline-table; width:50%; height:340px; text-align:left; background:#FFF; padding:0; box-sizing: content-box; margin:0 0 5px 0;}

.pp_in_pix{ width:100%; height:127px; text-align:center; background:#fff; margin:0 auto; position:relative;}
.pp_in_pix img{ width:auto; height:100%;}
.ppin_sp{ padding:0; margin:0; position:absolute; right:0; bottom:0;}
.ppin_sp img{ width:98%; height:auto;}



}




@media (max-width: 414px) {

/* ----- 運動類別內頁 ------------------------ */
.exe_samheig{ height:auto;}

.exe_inpage{ border-radius:0px;}

.secsel_nav_box{ display:inline-table; width:20px; height:20px; background: url(../img/ad_main/sel_top_sbox.png) no-repeat 0px 4px ; margin:0 5px 0 0;}

.exe_main{ display:block; width:100%; text-align:left; text-decoration:none; font-size:1.5em; font-weight:bold; color:#e6e6e6; 
background:#16395e; padding:5px 15px 5px 10px;}

.exe_sel_navl{ display:table; background:#082a45; height:auto; padding:0px; margin:0px;}
.exe_sel_navl ul{ width:100%; list-style:none;  padding:0px; margin:0px;}
.exe_sel_navl ul li{ width:100%; border-bottom:solid 1px #9c9c9c;}
.exe_sel_navl ul li a{ display:block; width:100%; text-decoration:none; font-size:1.5em; font-weight:bold; text-align:left; color:#e6e6e6; 
background:#082a45; padding:5px 15px 5px 10px;}
.exe_sel_navl ul li a:hover{ color:#fff; background:#F93; transition:all 0.4s;}


.exe_info_r{ padding:0px; margin:10px 0 0 0;}

.exe_info_title{ font-size:1em; border-radius:0;}

.exe_info_data{ font-size:1em;}
.exe_info_data:last-child{ border-bottom:none;}

.exe_a{ width:25%; text-align:left;}
.exe_b{ width:30%; text-align:center;}
.exe_c{ width:40%; text-align:left;}

.exe_pages{ width:100%; text-align:center; border-top:solid 1px #ccc; clear:both; padding:10px 0 0 0; margin:0;}

.s_size_table{ display:block;}
.big_size_table{ display:none;}




/* ---- 選購首頁 ---- */
.pix_txt a{ text-align:center; line-height:.8em; font-size:.3em; bottom:20%; left:8%; padding:5px 10px;}
.pix_txt h4{ line-height:1.2em; font-size:.8em; top:30%; left:10%;}

.adv_pix_a h3, .adv_pix_b h3, .adv_pix_c h3{ font-size:1em; top:35%; left:20%;}


/* ---- 01-05 價格拉條 ---- */
.smo_linere_a{ width:320px; height:3px; background:#666; margin:15px auto 0 auto; position:absolute; top:-14px; left:calc(50% - 160px);}
.smo_linere_b{ width:320px; height:3px; background:#E8E8E8; margin:15px auto 0 auto;}


/* ---- 02-02 價格拉條 ---- */
.por_zone_s{ width:1px; height:1px; padding:0; margin:0;}
.portrait_pix_s{ display:none;}
.comere_news_zone ul li .com_timew{ display:none;}




/* ---- 080202 文章個人資料 ---- */
.personal_info_bar{ position:relative;}
.pers_wes_a{ position:absolute; right:15px; bottom:25px;}
.pers_wes_b{ position:absolute; right:15px; bottom:85px;}

/* ---- 02-02 文章填寫頁面 ---- */
.article_area_list{ overflow:auto;}
.selnon{ display:none;}






/* ---- 02-02 文章填寫頁面 ---- */
.member_warning{ width:95%; margin:0 auto;}
.ui_text_block{ width:100%; border-bottom:dashed 1px #dadada; padding:0 0 15px 0; margin:20px auto;}
.mamin_title{width:100%; text-align:left; padding:0 0 5px 0; margin:0 0 5px 0;}


.ui_text_input{ width:100%;}

.widther_wo{ width:80%; margin:0 auto%;}

.ui_text_block .ui_text_tips{ margin:5px 0 0 0; }

.ui_btn_upload{ display:block; width:80%; text-align:center; margin:0 auto;}

.input_logo_s{ display:block; margin:15px auto;}

.ui_text_textarea{ width:100%;}

.ui_text_select{ width: 100%; }

.dis_ib{ display:inline-block; vertical-align:top;}
.dis_ib input{ width:20px; height:20px; vertical-align:top; }
.dis_ib label{ line-height:25px; font-size:1.2em; font-weight:normal;}

.mgsa_txt_a{ width:auto;}
.mgsa_txt_a input{ display:inline-block; width:20px; height:20px;}
.p_txt_fist{ display:inline-table; width:90%; }

.downewr_bbter{ display:block; padding:5px 60px; margin:0 auto}



/* ---- 0202 活動查詢 ---- */
.ma_query_title{ padding:0 0 10px 10px;}
.maquer_text_select{ display:block; width:95%; margin:0 auto;}
.maquer_text_input{ display:block; width:95%; margin:0 auto;}
.maquer_bbt_boxx{ text-align:center;}
.maquer_down_bbt{ margin:0 0 30px 0;}

/* ---- 0209 ---- */
.article_area .ui_text_block .exe_sit_fi{ display:block; margin:0 auto 15px auto;}
.ui_btn{ margin:0 auto 10px auto;}

.select_radio{ display:inline-table; width:60%; text-align:right; background:#FC0; position:relative;}
.vrrole_purchase_zone{ width:100%;}


.com_main_news_pix{ text-align:center;}


}





@media (max-width: 375px) {
/* ---- 01-05 價格拉條 ---- */
.smo_linere_a{ width:300px; height:3px; background:#666; margin:15px auto 0 auto; position:absolute; top:-14px; left:calc(50% - 150px);}
.smo_linere_b{ width:300px; height:3px; background:#E8E8E8; margin:15px auto 0 auto;}
}

@media (max-width: 320px) {
.plate_in{ font-size:2.3em;}
.plate_in:before{ width:20px;}
.select_radio{ display:inline-table; width:50%; text-align:right; background:#FC0; position:relative;}
}