/*----------------------------------*/




/*連結消除下底線*/
a{text-decoration: none;}

/*首頁*/
.header .right_panel{top: 56px;right: 40px;}
.header, .header .logo_panel{height: 136px;}
.web_language002, .web_search002, .web_edm002{float:right;margin-left:10px;}
.web_search002{background: #efefef url("archive/image/customization/btn_search.png") no-repeat scroll 3% 50%;}
.web_edm002{background: #efefef url("archive/image/customization/btn_edm.png") no-repeat scroll 3% 50%;}

.home_banner .bx-wrapper .bx-pager {position: absolute;bottom: 28px;width: 100%;}

.content01_panel{padding-bottom: 0px;}
.product002{padding-bottom: 0px;}
/*.product002 .web_more{margin: 50px auto 70px;}*/

.content03_panel{padding-top: 20px;padding-bottom: 20px;}

.content_inner{overflow:hidden;}
.content04_panel{padding-top:35px;}
.right_panel .location001{height:263px;}



/*選單*/
.web_menu ul.navigation > li > a { background: transparent; letter-spacing: 3px; font-size: 15px;}
.web_menu ul.navigation > li > a:hover, .web_menu ul.navigation > li.hover > a {color: #ffe47a; background: transparent;}


/*語系*/
.web_language002.open {background-color: #d8f4f6;}


/*banner*/
.home_banner {margin-top: -45px;}
.menu_panel {background-color: rgba(30, 128, 208, 0.25);}


/*產品介紹*/
.product002 .prodcuct_title { text-align: center;}
.webfont_content .subject, .webfont_content .subject a { font-size: 16px; letter-spacing: 2px;text-align: center;}
.product002 .web_more { background-color: #a5e0f2; color: #2f2f2f; font-family: 微軟正黑體; letter-spacing: 2px; border-radius: 26px; width: 150px; border: 2px dashed #a5e0f2; height: auto; padding-top: 0; padding: 10px 0;}
.product002 .web_more:hover { color: #3d9ad3; border: 2px dashed #3d9ad3; background-color: transparent;}


/*最新消息*/
.news002 .news_title { text-align: center;}
.news002 .news_item_date { color: #555; letter-spacing: 1px; font-size: 14px; transition: 0.5s;}
.news002 .news_item_subject { color: #555; font-size: 18px; letter-spacing: 2px;text-align: left;}
.news002 .news_item_summary { color: #555; font-size: 15px; letter-spacing: 1px; line-height: 30px;}
.news002 .news_item_btn a { color: #555; letter-spacing: 1px; font-size: 15px; float: right;}
.news002 .web_more { background-color: #a5e0f2; color: #2f2f2f; font-family: 微軟正黑體; letter-spacing: 2px; border-radius: 26px;width: 150px;border: 2px dashed #a5e0f2; height: auto; padding-top: 0; padding: 10px 0;}
.news002 .web_more:hover {color: #3d9ad3;border: 2px dashed #3d9ad3;    background-color: transparent;}
.news_line.last {display: none;}
.news002 .news_in {width: 90%; margin-left: 10%;}
.news002 .news_item_btn a { display: none;}
.news002 .news_item_summary a { transition: 0.5s;}
.news002 .news_item_summary a:hover { color: #50b7d6;}


/*copyright*/
.copyright_desc, .copyright_desc a, .copyright_desc a:hover { color: #2e2e2e;}
.footer02 { padding: 30px 0;}


/*隱藏線*/
.content_line { display: none;}


/*頁尾*/
.footer { background: url(archive/image/customization/footer_sea2.png);}
.footer { padding-top: 130px; padding-bottom: 10px;}
.footer_a01 {padding: 35px 0;font-size: 15px; letter-spacing: 1px; color: #333; font-weight: 600;}
.bk_01 { position: relative; bottom: 24px;width: 400px;}
.bk_02 { float: left; padding-left: 45px;text-align: left;width: 200px;}
.bk_03 { float: left; padding-left: 45px; text-align: left;}
i.icon {padding-right: 7px;}
.footer_a01 a { color: #333; transition: 0.5s;font-size: 15px;}
.footer_a01 a:hover {color: #bfa43b;}


/*插圖*/
.content01_panel {position: relative;}
.content03_panel { position: relative;}
.news002:before {content: ""; background: url(archive/image/customization/fish_pic03.png)no-repeat; width: 286px; height: 150px; background-size: contain; position: absolute; right: -45px; bottom: -141px; transform: rotate(12deg);    opacity: 0.9;    animation: web_menu002 ease-out 2.5s infinite;animation-direction: alternate;}

@keyframes web_menu002{
0% { transform: translate(0px, 0px);}  
50% {transform: translate(0px, -13px);}  
100% {transform: translate(0px, 0px);}  
}

.news_panel {overflow-x: visible;}
.product_panel {overflow-x: visible;}
.content01_panel:before { content: ""; background: url(archive/image/customization/footer_sea3.png)no-repeat; width: 100%; height: 662px; position: absolute; background-size: contain; bottom: -190px;background-position: bottom;}

/*.product002 .product_product:before { content: ""; background: url(archive/image/customization/fish_pic02.png)no-repeat; width: 86px; height: 118px;  background-size: contain; position: absolute; right: -123px; top: 150px; transform: rotate(-18deg);}*/

/*.product002 .product_product:after { content: ""; background: url(archive/image/customization/fish_pic01.png)no-repeat; width: 173px; height: 80px; background-size: contain; position: absolute; bottom: -115px; left: -205px; transform: rotate(-8deg);opacity: 0.8;}*/




/*動畫*/
.product002 .product_product:after { -webkit-animation: deer_move 4s ease-in-out infinite;}
.product002 .product_product:before { -webkit-animation: deer_move 4s ease-in-out infinite;}
@-webkit-keyframes deer_move{
    0%,25%,31%,100%{
    }
    40%{
        -webkit-transform: rotate(1deg) translate3d(-3px,-1px,-10px) ;
    }
}



/*跟隨式社群*/

.facebook img {height: 20px;}
.facebook a {position: fixed; right: 0; background: #68b1c7; bottom: 39px; padding: 10px; border-radius: 10px 0 0 10px; transition: 0.5s;}
.facebook a:hover { border-radius: 0px; background: #285996;}




/*-----------------------------------------內頁--------------------------------------*/


/*選單*/


.page_wrapper_bg .menu_panel {background-color: rgba(30, 128, 208, 0.25);z-index: 1;}
.page_wrapper_bg .web_menu {width: 1003px;float: none;margin: auto;display: block;}


.page_wrapper_bg .header {width: 1003px;margin: auto;}
.page_wrapper_bg .right_panel_0 {top: 63px;right: 40px;display: inline-block;position: absolute;}

.page_wrapper_bg .web_language002 {background-color: #efefef;}
.page_wrapper_bg .web_language002.open {background-color: #d8f4f6;}
.page_wrapper_bg .web_language002 .selected {color: #333333;}
.page_wrapper_bg .web_language002 .language_in:hover {color: #333333;}


.page_wrapper_bg .web_menu ul.navigation ul a {color: #525252;}
.page_wrapper_bg .web_menu ul.navigation ul a {background: #ffffff;}
.page_wrapper_bg .web_menu ul.navigation ul a:hover {background: #efefef;}

.page_wrapper_bg .web_menu ul.navigation ul li {border-color: #ffffff;}

.web_menu ul.navigation > li > a {color: #ffffff;}

/*banner*/
.page_wrapper_bg .page_banner {top: -45px;overflow: inherit;}


/*標題*/
.page_title_subject {color: #2d2d2d;font-size: 24px;letter-spacing: 2px;font-weight: bold;float: none;text-align: center;padding-top: 0px;}

.page_title_navigation {padding-top: 10px;}

.page_title_container {border: 0px;}

/*頁尾*/
.page_wrapper_bg .footer01 {width: 1024px;margin: auto;}
.page_wrapper_bg .copyright {font-size: 11px;}


/*共同*/
.page_wrapper_bg .panel_content {font-size: 15px;letter-spacing: 1px;color: #222;line-height: 26px;}
/*.page_wrapper_bg .block_content.layoutmenu_3 {width: 1140px;}*/





/*側選單*/

.page_menu_header {background: transparent;border-bottom: 2px solid #555;padding: 5px 10px;font-size: 17px;color: #333;font-weight: bold;text-align: center;letter-spacing: 4px;margin-top: 50px;}
.page_menu_block ul.navigation>li {padding-bottom: 1px;border-bottom: 1px solid #d3d1d1;}
.page_menu_block ul.navigation>li.active>a, .page_menu_block ul.navigation>li.hover>a, .page_menu_block ul.navigation>li>a:hover {background: transparent;border-radius: 0px;color: #005ca2;letter-spacing: 3px;font-weight: bold;}
.page_menu_block ul.navigation>li>a {background: transparent;transition: 0.3s;color: #555;padding: 14px 10px;}
.page_menu_block ul.navigation>li.active {border-bottom: 1px dotted #68b1c7;}
.page_menu_block ul.navigation>li:hover { border-bottom: 1px dotted #68b1c7;}



.page_menu_block ul.navigation>li.active:before {
   content: "";
    background: url(archive/image/customization/fish_men03.png)no-repeat;
    width: 45px;
    height: 27px;
    background-size: contain;
    position: absolute;
    right: 12px;
    top: 14px;
    transform: rotate(-1deg);
    opacity: 0.9;
}


.page_menu_block ul.navigation>li>a:hover::before{
   content: "";
    background: url(archive/image/customization/fish_men03.png)no-repeat;
    width: 45px;
    height: 27px;
    background-size: contain;
    position: absolute;
    right: 12px;
    top: 14px;
    transform: rotate(-1deg);
    opacity: 0.9;
}




/*產品介紹*/


.layoutlist_4 .item .img {height: auto !important;transition: 0.3s;}
.layoutlist_4 .item .img:hover {opacity: 0.7;}
.layoutlist_4 .subject {background:#d8f4f6;margin-top: 0px;height: auto !important;padding: 10px 5px 0px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.item.product_list_item .subject A.itemlink {display: block;text-align: center; color: #005ca2;}
.layoutlist_4 .pricearea {text-align: left;}
.layoutlist_4 .buybtn {background-color: #417483;    transition: 0.2s;}
.layoutlist_4 .buybtn:hover {opacity:0.8;}
.layoutlist_4 .item { border: 0px;}
.stands_div {width: 100% !important;margin-bottom: 5px;}
.amount_div {width: 100% !important;float: left !important;text-align: left !important;margin-bottom: 5px;}
.layoutlist_4 .standarea.showY select {width: calc(100% - 38px) !important;padding: 2px 5px;}
.layoutlist_4 .price {color: #c30a0a;}
.layoutlist_4 .standarea >div {font-size: 14px;}
.page_wrapper_bg .dd-pointer-down{border-left: 0px;}


#prod_amount {width: 140px !important;}
.page_wrapper_bg #prod_amount .dd-options {width: 138px !important;}


.page_content2 .info {padding-left: 0px;}
.page_content2 .info .subtitle {font-size: 15px;line-height: 26px;color: #555;}
#prod_stand_out {display: inline-block;float: left;}
.dd-selected {font-size: 14px;margin: 0px 6px;}
.product_desc_content {border-radius: 25px;padding: 20px;font-size: 15px;line-height: 26px;color: #555;border: 2px dashed #a5e0f2;}
.product_desc_subject {font-size: 17px;letter-spacing: 2px;color: #005ca2;font-weight: bold;margin-top: 90px;}
#prod_price .money {font-size: 25px;color: #c30a0a;}
.page_content2 .info #prod_price {margin-top: 20px;}
._shopping_info {margin-top: 15px;}
.page_content2 .info #prod_name, .page_content2 .info #prod_name h2 {color: #005ca2;font-weight: bold;font-size: 22px;}

.product_desc_content ul, .product_desc_content ol {padding-left: 23px;}

#product_thumbs-wrapper .product_thumbs-bg {background: #eaeaea;}
.page_content1 #prod_price {margin-top: 45px;}

#prod_name, #prod_name h2 {text-align: center;}


/*最新消息*/
.edcontent .layoutlist_3 .date_td {border: 0px;}
.edcontent .layoutlist_3 .yearmonth {text-align: left;}
.edcontent .layoutlist_3 .day {color: #68b1c7;text-align: left;margin-top: 15px;font-size: 40px;}
.edcontent .layoutlist_3 .item {padding: 43px 0;border-bottom: 1px solid #e4e4e4;}


.edcontent .layoutlist_3 .subject A:link, .edcontent .layoutlist_3 .subject A:visited {color: #68b1c7;font-size: 16px;font-weight: bold;}





/*聯絡我們*/
.cont-box h4 {font-size: 20px;margin-bottom: 15px;color: #005ca2;}
.page_content.eforms.full .eformsDesc { margin: 35px 0;padding-bottom: 35px;border-bottom: 1px dotted #68b1c7;}
.cont-box {text-align: center;line-height: 30px;}

/*常見問題*/
.faq_question {color: #68b1c7;}


/*按鈕*/

.btn_back {background-color: #68b1c7;color: #ffffff;border-radius: 26px;font-family: 微軟正黑體;letter-spacing: 2px;font-size: 14px;transition: 0.2s;padding: 3px 28px;}
.btn_back:hover {opacity: 0.7;}
.btn_back:before {display:none;}

#btn_shopping {background: #68b1c7;transition: 0.2s;border-radius: 26px;}
#btn_shopping:hover {opacity: 0.7;}




.btn.btn_back {background-color: #68b1c7;color: #ffffff;float: right;border-radius: 26px;font-family: 微軟正黑體;letter-spacing: 2px;font-size: 14px;transition: 0.2s;padding: 3px 28px;}
.btn.btn_back a {color: #fff;}
.btn.btn_back a:hover {opacity: 0.7;}
.btn_area .btn:nth-child(2):hover {background: #68b1c7;}
.btn_area .btn:nth-child(1):hover {background: #68b1c7;}

.btn_area {margin: 20px 0px 0px;}



.page_wrapper_bg .block_body .btn {background-color: #68b1c7;color: #ffffff;border-radius: 26px;font-family: 微軟正黑體;letter-spacing: 2px;font-size: 14px;transition: 0.2s;padding: 3px 28px;}
.page_wrapper_bg .block_body .btn:hover{opacity: 0.7;}




#eformsForm_1_3 > div.customized_columns > div.btn_area > div:nth-child(1) {display: none;}

#btn_goproduct {background-color: #68b1c7;color: #ffffff;border-radius: 26px;font-family: 微軟正黑體;letter-spacing: 2px;font-size: 14px;transition: 0.2s;padding: 3px 28px;}




.RWDshopping .btn.bg3:hover {color: #3d9ad3;border: 2px dashed #3d9ad3;background-color: transparent;}
.btn.normal.bg1 {color: #2f2f2f;font-family: 微軟正黑體;letter-spacing: 2px;padding-top: 0;padding: 8px 10px;font-size: 14px;transition: 0.2s;border: 2px dashed #a5e0f2;border-radius: 26px;}



/*關於我們*/
.ab_box {background: #f9feff;padding: 30px 60px 50px;margin-bottom: 50px;border: 2px dashed #3d9ad3;border-radius: 44px;}
.ab_box h4 {margin-bottom: 10px;width: fit-content;background: linear-gradient(transparent 60%, #d4f5ff 60%);}
.ab_box h2 {color: #005ca2;text-align: center;}
.ab_box h3 {border-bottom: 1px solid #68b1c7;width: fit-content;padding-bottom: 20px;margin-bottom: 20px;}

/*購物車*/
#shopping_form .css-table {margin-bottom: 25px;}
#shopping_form .total_price {margin-top: 5px;}

.ListMemo {border-radius: 25px;padding: 20px;font-size: 15px;line-height: 26px;color: #555;border: 2px dashed #a5e0f2;background: #f9feff;}



/*--簡中--*/
#eformsForm_1_9 > div > div.btn_area > div:nth-child(1) {display: none;}