.clear_fix:after { content: ''; clear: both; display: block; width: 100%; }

#iframe_page_top_nav { min-width: 1200px; width: 100%; background-color: #D8F1FF; border-bottom: 1px solid #1455A4; }

#iframe_page_top_nav.fixed_nav { position: fixed; top: 0; left: 0; z-index: 4; }

#iframe_page_top_nav ul { margin: 0; padding: 0; }

#iframe_page_top_nav ul.right_tag_area { float: right; }

#iframe_page_top_nav ul li { cursor: pointer; min-width: 150px; height: 40px; text-align: center; list-style-type: none; float: left; }

#iframe_page_top_nav ul.left_tag_area li:first-child { cursor: default; }
#iframe_page_top_nav ul.left_tag_area li:first-child:hover { background-color: #1455A4; }
#iframe_page_top_nav ul.left_tag_area li:first-child a { cursor: default; }

#iframe_page_top_nav ul li.bg_light_blue { background-color: #2C8FFF; }

#iframe_page_top_nav ul li.bg_light_blue:hover { background-color: #4BA0FF; }

#iframe_page_top_nav ul li.bg_blue { background-color: #1455A4; }

#iframe_page_top_nav ul li.bg_blue:hover { background-color: #2065B9; }

#iframe_page_top_nav ul li.bg_red { background-color: #E83052; }

#iframe_page_top_nav ul li.bg_red:hover { background-color: #FF486A; }

#iframe_page_top_nav ul li:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

#iframe_page_top_nav ul li a { text-decoration: none; color: #fff; display: inline-block; vertical-align: middle; }

#iframe_page_top_nav ul li i { margin: 0 3px; vertical-align: middle; position: relative; }

#iframe_page_top_nav ul li i.icon-icon_question { color: #1455A4; }

#iframe_page_top_nav ul li i span { display: none; padding: 4px 9px 5px; border-radius: 35px; position: absolute; bottom: -24px; right: -10px; white-space: nowrap; background-color: #FFD93B; z-index: 4; font-size: 0.7em; color: #000; opacity: 0; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

#iframe_page_top_nav ul li i:hover span { display: block; opacity: 1; }

#iframe_page_top_nav ul li.bg_blue i.icon-icon_question { color: #2C8FFF; }

.js-tab_content#calculator { width: 926px; padding: 30px 30px 65px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.js-tab_content#calculator .col-right h3 { background-color: #E0F3FA; text-align: center; line-height: 1.5; padding: 4px 0; margin-bottom: 10px; }

.js-tab_content#calculator .col-right .col-sm-6 { text-align: right; padding-right: 1em; }

.js-tab_content#calculator .col-right .hr { clear: both; margin: 8px 0; border-color: #D2D2D2; }

.js-tab_content#calculator .col-right .row { margin-right: 0; }

#prod-desc-ifram { opacity: 0; }

#add_cart { width: 300px; min-height: 620px; background-color: #D8F1FF; border: 1px solid #1455A4; position: fixed; left: 0; top: 40px; opacity: 0; z-index: -1; -webkit-transition: top 0.3s linear; transition: top 0.3s linear; }

#add_cart .c_red { color: #E83052; }

#add_cart #cart_form { padding: 10px 15px; }

#add_cart #cart_form .form_item_title { display: inline-block; margin-bottom: 3px; }

#add_cart #cart_form .required_star { color: #E83052; }

#add_cart #cart_form .form-control { border: 0px solid transparent; border-radius: 0px; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; }

#add_cart #cart_form .form-group > span { float: left; }

#add_cart #cart_form .form-group input:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6), 0 0px 0px 1px #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6), 0 0px 0px 1px #66afe9; }

#add_cart #cart_form .form-group.show_error .error_msg { color: #a94442; margin-left: 7px; font-size: 0.7em; }

#add_cart #cart_form .form-group.show_error input { -webkit-box-shadow: 0 0px 0px 1px #a94442; box-shadow: 0 0px 0px 1px #a94442; }

#add_cart #cart_form .form-group.show_error input:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483, 0 0px 0px 1px #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483, 0 0px 0px 1px #a94442; }

#add_cart #cart_form .w_half .form-group { width: calc( 50% - 5px); float: left; }

#add_cart #cart_form .w_half .form-group:first-child { margin-right: 10px; }

#add_cart #cart_form .btn { width: 100%; margin-top: 9px; }

#add_cart .cart_title { width: 100%; height: 40px; background-color: #eee; text-align: center; padding-right: 45px; padding-left: 45px; }

#add_cart .cart_title span { display: inline-block; vertical-align: middle; }

#add_cart .cart_title:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

#add_cart .cart_close { position: absolute; right: 14px; top: 10px; }

#add_cart .cart_img { margin-top: 10px; }

#add_cart .cart_img .cart_img_inner { display: table; background-color: #fff; border: 1px solid #eee; width: 100px; height: 100px; margin-left: auto; margin-right: auto; }

#add_cart .cart_img span { display: table-cell; text-align: center; vertical-align: middle; height: 100px; }

#add_cart .cart_img img { display: inline-block; max-width: 100%; max-height: 100px; }

#add_cart .success_area, #add_cart .fail_area { text-align: center; margin-top: 50%; padding-left: 10%; padding-right: 10%; }

#add_cart .success_area i, #add_cart .fail_area i { background-color: #fff; border-radius: 50%; font-size: 4em; margin-bottom: 15px; display: inline-block; }

#add_cart .success_area .btn, #add_cart .fail_area .btn { width: 100%; }

#add_cart .success_area i { color: #1455A4; }

#add_cart .fail_area i { color: #E83052; }

#add_cart.with_fail { background-color: #fff; }

@-moz-document url-prefix() { #add_cart .success_area i { position: relative; width: 60px; height: 60px; }
  #add_cart .success_area i:before { position: absolute; top: 5px; left: 0px; }
  #iframe_page_top_nav ul li i span { padding: 6px 9px 4px; } }

/*=======*/
body .l-hd, body .l-bd, body .l-ft { position: static; z-index: auto; }

body .l-sidebar { z-index: auto; }

body .l-main { z-index: auto; }

.l-hd { border-bottom-width: 0px; }

.l-bd { padding-top: 0; }

.cs .cs-member, .cs .browsingHistory { display: none !important; }

.footer { margin-top: -7px; }

#prod_desc { position: relative; min-height: 1000px; }

.loading_area { width: 100%; text-align: center; position: absolute; top: 250px; left: 0; margin-bottom: 30%; z-index: 3; }

.loading_area i { font-size: 6em; opacity: 0.5; -webkit-animation: loading 2s linear infinite; animation: loading 2s linear infinite; }

@-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

/* 禁止購買提示的樣式 */
.warn_alert{
    width: 100%;
    height: 40px;
    background-color: #d91f10;
    color: #ffffff;
    line-height: 1.13;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}
.warn_icon{
    display: block;
    width: 26px;
    height: 24px;
    margin-bottom: 5px;
}
.warn_txt{
    display: block;
    margin-left: 6px;
    margin-right: 24px;
    font-size: 15px;
}
.warn_close{
    width: 15px;
    height: 15px;
    display: block;
    cursor: pointer;
    margin-bottom: 1px;
}
.warn_alert.alert_fixed_nav{
    position: fixed;
    top: 41px;
}

/* 右側費用試算按鈕 */
.calc_fee_pop_btn{
    display: none;
}