@charset "utf-8";
/* CSS Document */
body{margin: 0; font-size: 14px; color: #2B2B2B; font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif; }
a{text-decoration: none;color:#0b4487;transition: color 0.5s;}
a:hover{color:#347cd0;}
ul, li{margin: 0;padding: 0;list-style: none;}
.clear {clear:both;}
.mid{width:981px; margin:0 auto;}
.bgclr_darkblue{background-color:#0b4487; color: #FFFFFF;}
.bgclr_lightblue{background-color:#347cd0; color: #FFFFFF;}
.bgclr_wt{background-color: #FFFFFF;}
.texclr_wt{color: #FFFFFF;}
.txt_m{text-align: center;}
.becenter{margin: 0 auto;}
a.brown{color: #836D6F;}
a.brown:hover{color:#B8959B;}
.imgLink{cursor: pointer;transition: opacity 0.5s;}
.imgLink:hover{opacity: 0.5;}

/*首頁輪播器*/
#slider{position: relative; width:100%; margin:0 auto; height:510px; overflow: hidden;  background: url(../images/loading-9.gif) no-repeat center center;}
#slider ul{position: absolute; width: 9990; height: 100%; top: 0; left: 0;}
#slider li{float: left; text-align: center;}
#slider li img{height: 510px; width:auto;}
#slider #prev,#slider #next{position: absolute; top: 220px; cursor: pointer; border: 1px hsla(100,100%,100%,0.7) solid; width: 20px; height: 26px; color: hsla(100,100%,100%,0.7); font-size: 16px; transition: background-color 0.3s,color 0.3s;}
#slider #prev:hover,#slider #next:hover{background-color: hsla(100,100%,100%,0.7); color: #0b4487;}
#slider #prev{left: 20px;}
#slider #next{right: 20px;}

#slider .layer{width: 981px; height: 510px; position: absolute; top: 0;left: 0; background: url(../images/dot.png) repeat 0 0 #666; opacity: 0.5; filter: alpha(opacity=50);}

/*影片區塊*/
#videoDiv{
    position: relative;
    width: 100%;
    height: 600px;
    background-color: antiquewhite;
    text-align: center;
}
.utu{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*首頁*/
#mainNav{width: 100%; height:36px; z-index:2;background-color:#0b4487; color: #FFFFFF;}
#mainNav li{float: left; width: 100px; border-left: 1px #FFF solid;padding: 8px 10px 9px 10px; text-align: center; transition: background-color 0.5s;}
#mainNav a{color: #FFF;}
#mainNav li:hover{background-color:#347cd0;}
.lang{float:right; margin-right:5%; text-decoration:none; color:#0b4487;}
.headFix{background-color:hsla(212,85%,29%,0.3); position: fixed; top: 0;z-index: 1000;}
.textMain{position:absolute;width: 450px; margin:80px 0 0 80px;}
.textMain h1{color:#93a2b1; letter-spacing:14px; font-size: 36px; }
.textMain span{line-height: 26px; font-size: 16px;letter-spacing:1px;}
.textMain a{padding: 8px 20px; border: 1px #666666 solid; color: #666666;  transition: background-color 0.3s,color 0.3s;;  -webkit-transition: background-color 0.3s,color 0.3s;; /* Chrome & safari */ -moz-transition: background-color 0.3s,color 0.3s; /* firefox */}
.textMain a:hover{background-color: #666666; color: #FFF;}

.mainBlock{float:left;width:310px; height:163px;margin:60px 5px;}
.mainBlock_en{width:150px; text-align:left; font-size:40px; color:#FFFFFF; padding-left:10px; position: absolute; z-index: 2; transform: color,1.5s;}
.mainBlock:hover .mainBlock_en{color: #000000;}
.mainBlock_black{width:100px;top:60px; right: 0px; height:34px; background-color:hsla(0,0%,0%,0.7); color:#FFFFFF; text-align:center; line-height:34px; position: absolute; z-index: 2;}
.mainBlock:hover .mainBlock_black{background-color:hsla(0,0%,0%,1);}
.mainPic{position: absolute; z-index: 1;}

/*回到頂端鈕*/
a.roll {display:block;background:url(../images/backtotop2.png); background-position:0px 0px;width:44px; height:18px; position:fixed;left:95%;top:90%;}
a.roll:hover {background-position:0px -18px;}

/*NAV 共同頁導航列*/
header{width: 100%; height:326px; background-position: center;}
nav{width: 100%; height:55px; box-shadow:0px 2px 10px hsla(0,0%,5.8%,0.42); z-index:2; background-color:rgba(100%,100%,100%,0.8);}
nav li{float: right; padding-right: 30px; margin-top: 16px; font-size: 14px;}
.nav_press{color:#347cd0;}
a.nav_logo{display:block;width:114px; height:55px; background-image:url(../images/logo.png); float:left;}
a.nav_logo:hover{ background-position:0px 55px;}
.headArea{width: 100%; height: 35px; box-shadow:0px 3px 5px hsla(0,0%,5.8%,0.32);background-color:rgba(100%,100%,100%,0.8); display: none;}
.headbtn-fixed{z-index: 2000;position: fixed; top: 0; left: 0;}
.shop_head_logo{width: 64px; height: 30px; background-image: url(../images/apm_shop_logo.png); margin-left: 10%; margin-top: 3px;}
.headArea a{color: rgba(46,42,43,1.00); text-decoration: none; font-size: 14px;}
.headArea a:hover{color: rgba(167,113,103,1.00);}
.navBar{width: 960px; margin: 300px auto 0px; text-align: center;}
.navBar a{padding: 8px 18px; border: 1px #FFF solid; background-color: rgba(255,255,255,0.30); color: #FFF; margin-right: 45px;  transition: background-color 0.5s,color 0.5s;}
.navBar a:hover{background-color: #FFF; color:#347cd0;}
.navBar a.navBtnPress{background-color: #FFF;color:#347cd0;}

.navBar2{width: 960px; margin: 300px auto 0px; text-align: center;}
.navBar2 a{padding: 6px 14px;font-size: 12px; border: 1px #FFF solid; background-color: rgba(255,255,255,0.30); color: #FFF; margin-right: 15px;  transition: background-color 0.5s,color 0.5s;}
.navBar2 a:hover{background-color: #FFF; color:#347cd0;}
.navBar2 a.navBtnPress{background-color: #FFF;color:#347cd0;}

.contBar {margin: 60px auto 60px; text-align: center;}
.contBar li,.contBar a{padding: 5px 18px; width: 200px; margin: 0 auto;border: 1px #347cd0 solid;  transition: background-color 0.5s,color 0.5s;}
.contBar a{color:#347cd0;}
.contBar a.contBtnPress{color:#FFF;background-color: #347cd0;}
.contBar a:hover{background-color: #347cd0;color: #FFF;}


.contIcon{padding: 10px; border: 1px #5890E5 solid; color:#5890E5;border-radius: 5px; transition: background-color 0.5s,color 0.5s; }
.contIcon:hover{background-color:#5890E5; color: #FFF;}
/*共同內文頁*/
.apmCont{width: 900px; margin: 70px auto;}
.apmCont h1{text-align: center;font-size: 24px; letter-spacing:3px;}
.apmCont h2{text-align: center;font-size: 24px; }
.apmCont p{font-size: 16px; line-height:32px;}
a.partner{display:block; width:280px; height:170px; border:1px solid #347cd0; float:left; margin:0px 5px;}
a.partner:hover{background-position:0px 170px;}
.tech{width:180px; float:left; margin:30px 60px; text-align:center; font-size:16px; }
.tech_en{width:220px; float:left; margin:30px 50px; text-align:center; font-size:16px; }
a.link_icon{ display:block;height:20px; width:20px;}
a.link_icon:hover{background-position:0px 20px;}
.newsForm{width: 100%; margin: 30px auto 80px;}
.newsForm th{background-color:#347cd0;padding: 10px; color: #FFF;}
.newsForm td{padding: 10px; border-bottom: 1px #347cd0 solid; font-size: 12px;}
.bigIcon{display: block; float: left; width: 100px; height: 100px; border-radius: 100px; background-color:#347cd0; margin-left: 140px; transition: background-color 0.5s;}
.bigIcon:hover{background-color:#0b4487;}
.circle{display: inline-block; height: 40px; width: 40px; border-radius: 45px; padding: 15px; margin-right: 54px; color: #FFF; font-size: 16px; text-align: center;}
.vageTAble th{font-size: 16px; border-top: 1px #9C6D6E solid;}
.vageTAble th,.vageTAble td{padding: 10px;width: 140px;}
.vageTAble td{vertical-align:text-top; border-bottom: 1px #9C6D6E solid;}
.inlineB{display: inline-block;width: 15px; height: 15px; margin-right: 5px;}
.redB{background-color: #E26E67;}
.greenB{background-color: #89BC8D;}
.purpleB{background-color:#9863B3;}
.blueB{background-color:  #69B1C0;}
.orangeB{background-color:  #D59468;}
.pinkB{background-color: #DB8799;}
.vageBlock2{display: inline-block; width: 200px; height: 360px;margin-right: 22px; vertical-align: top;}
.vageTitle{width: 180px; height: 50px; padding: 10px;color: #FFF; font-size: 22px;text-align: center;}
.vageCont{padding: 10px;}
/*Footer 共同頁尾*/
footer{width:100%;  background-color:#7fafd3;font-size: 12px;color: #FFFFFF;}
.footer_L{float: left;padding: 40px 30px;}
.footer_R{float: right; padding: 40px 30px;}
.footer_R a{color:#FFFFFF;}
.footer_R a:hover{text-decoration: underline; color: #0b4487;}
.footer_bar{width: 100%; height: 30px;background-color: #0E123F; text-align: center; letter-spacing: 2px; padding-top: 15px;}

/*SHOP購物頁面*/
.shophead_balck_text{margin: 0 auto; background-color: rgba(0,0,0,0.68); width:432px; padding: 20px 0; text-align: center; font-size: 33px; letter-spacing: 6.6px;}
.shop_content_bg{background-color:#F0F0F0; padding: 56px;}
.shop_gobar{float: left; width:283px; height: 60px;text-align: center; }
.gobar_done{border-bottom: 3px #ff7055 solid; color:#ff7055;}
.gobar_go{width: 21px;}
.gobar_nyet{border-bottom: 3px #FADAA3 solid; color:#B7B7B7;}
.shop_cart_content{width: 951px; margin: 0 auto;}
.cartcont_wt{background-color: #FFFFFF;border-bottom: 1px #ff7055 solid;}
.shop_buyer_form h2{color: #979797; text-align: center; font-size: 20px;}
.shop_car_block{width: 765px;height: 120px; border-bottom: 1px #B5AFA2 dashed;margin: 0 auto; }
.shop_car_block a{color: #836D6F;}
.shop_car_block a:hover{color: #B8959B;}
.shop_car_img{width: 120px;}
.tb_l_line{border-left: 1px #B5AFA2 dotted;text-align: center;}
.shop_car_sum{width:765px; margin: 0 auto; text-align: right;font-size: 12px; margin-top: 30px; line-height: 30px;}
.btn_left3{float: left; margin-left: 17%;}

/*購物車輸入資料*/
.shop_car_list{width: 615px; margin: 0 auto; color: #444B54; border_top: 1px #B5AFA2 solid; font-size: 14px; text-align: center;}
.shop_car_list td{ border-bottom: 1px #B5AFA2 dashed; padding: 10px;} 

/*訂單*/
.shop_booking{width: 765px;margin: 30px auto; color: #444B54; border: 1px #D1A79B solid;font-size: 14px; text-align: center;}
.shop_booking td{padding: 12px;}
.shop_booking tr:nth-child(odd){background-color: #EFE7E5;}
.tr_line{border-bottom: 1px #B5AFA2 solid;}
.tr_l_line{border-left: 1px #B5AFA2 dashed;}

/*查詢訂單*/
.order_chk_title{width: 420px; height: 25px;padding: 5px; text-align: center; margin: 0 auto; background-color: #B5AFA2; border-radius:8px 8px 0px 0px;}
.order_chk_content{width: 430px; height: 182px; text-align: center; margin: 0 auto; background-color: #FFF; border-radius:0px 0px 8px 8px;}
.orderchk_form{margin-top: 10px;}
.orderchk_form input[type="text"]{padding:5px; font-size:12.5pt;color:#626E7A; border-radius:5px; border: 1px #B5AFA2 solid; margin-bottom: 16px;}

.orderlist_form{width: 885px; margin: 60px auto 10px auto; color: #444B54; border: 1px #D1A79B solid;font-size: 14px; text-align: center;}
.orderlist_form th{background-color: #D1A79B; padding: 8px; color: #FFF;}
.orderlist_form td{padding: 8px;}

.order_list_title{width: 951px; height: 25px;padding: 5px; text-align: center; margin: 0 auto; background-color: #B5AFA2; border-radius:8px 8px 0px 0px;}
.order_list_content{width: 951px; margin: 0 auto; border-radius: 0px 0px 8px 8px;background-color: #FFFFFF;border-bottom: 3px #B5AFA2 solid;}

.orderlist_table {display: none;}
.orderlist_table table{width:860px; border: 1px #B5AFA2 solid; margin: 0 auto 70px auto; font-size: 12px; text-align: center; }
.orderlist_table table th{padding: 5px; background-color: #B5AFA2 ; color: #FFF;}
.orderlist_table table td{border-top: 1px #B5AFA2 dashed; padding: 5px;}
.orderlist_table a{color: #836D6F;}
.orderlist_table a:hover{color: #B8959B;}

/*產品購物頁*/
.upspecline{margin: 45px 0 10px 10px;font-size: 10px;}
.shop_aside{width: 151px; height: 880px; float: left; background-color: #dee9f6; border-bottom: 6px #0b4487 solid;}
.shop_content{width: 830px; min-height: 1000px; float: left; border-top: 3px #0b4487 solid;}
.cat1{display: block;height: 15px; padding: 15px; font-size: 12px; transition: background-color 0.3s;}
.bgclr_darkblue:hover{background-color: #0E123F; color: #FFFFFF;}
.cat1:hover{background-color:#001E42;}
.cat2{display: block; padding: 10px; font-size: 12px; transition: background-color 0.3s;}
.cat2:hover{background-color:#347cd0; color: #FFFFFF;}
.cat3:hover{text-decoration: underline;}
.cata3pressed{color: #DC626F;}
.cat3block{padding-left: 20px; font-size: 12px; border-bottom: 1px #347cd0 solid; margin-top: 3px;}
.pressed{margin-bottom: 10px;}

/*購物分類頁產品區塊*/
.product_block{display:block; width:168px; height:320px; float:left; margin: 10px 0 50px 30px; border:1px #949494 solid; text-decoration:none;}
.product_block:hover{border:1px #FF006E solid; text-decoration:none;}
.product_photo_s{width:168px; height:168px; border-bottom:1px #949494 solid;}
.product_title{text-align:center; font-size:14px; padding:5px 0px; color:#000000; border-bottom:1px #9C9C9C dashed;}
.product_price{text-align:center; font-size:12px; color:#1053A3; padding: 10px;}
.product_spec{height:14px; text-align:center; font-size:12px;font-weight:bold; color:#8C8C8C; margin-top:10px;}
.product_specEn{height:14px; text-align:center; font-size:11px;font-weight:bold; color:#8C8C8C; margin-top:10px;}
.product_spec_B{width:168px; height:14px; text-align:center; font-size:12px;font-weight:bolder; color:#8C8C8C; margin-top:5px;}
.product_block:hover .product_title{color:#FF006E; text-decoration:none;}
.product_block:hover .product_price{color:#FF006E; text-decoration:none;}
.noproduct{text-align: center;margin-top: 60px;}
.price{font-size: 18px; color:#FF006E;font-weight:bolder;}

/*商品主內容頁*/
#contUp{width: 800px; margin-left: 20px; padding:40px 0px; border-bottom: 1px #9C9C9C dashed;} 
#contMain{width: 800px; margin-left: 20px;}
#contDn{border-top: 1px #9C9C9C dashed; padding: 10px 0px 5px 30px; color: #787878; font-size: 12px;margin-bottom: 50px;}
.L{float: left;}
.R{float: right;}
.main{width: 400px; margin-left: 25px; min-height: 240px;}
.mainPhoto{width: 320px;height: 320px;border: 1px  #9C9C9C solid;}
.mainTitle{font-size: 20px;}
.mainSpec{color: #6F6F6F; margin-top: 10px; font-size: 16px;}
.mainFeature{margin-top: 10px;}
.buy{width: 400px;}
.buyTxtPrice{font-size: 14px; color:#6F6F6F;padding: 5px;}
.buyNumPrice{font-size: 36px; color:#DC626F;font-weight:bolder;padding: 5px;}
.formCar{margin-top: 10px;}
.formCar select{margin-top: 6px; margin-right: 20px; height: 26px;}
.formBtn{ display: block; background:#D95058; color:#FFFFFF; font-size:10pt; padding:10px 20px; border-radius:3px;cursor:pointer; border:none; margin-left: 10px;  transition: background-color 0.3s;}
.formBtn:hover{ background:#F0C2C2; color: #FFFFFF;}
.dmBtm{display: block;width: 120px; padding: 15px 30px; text-align: center;color: #DC626F;margin: 80px auto; font-size: 14px; border-radius: 5px; border: 1px #DC626F solid;  transition: background-color 0.3s;}
.dmBtm:hover{color: #FFF; background-color:#DC626F;}
.dmBtmE{display: block;width: 165px; padding: 15px 30px; text-align: center;color: #DC626F;margin: 80px auto; font-size: 14px; border-radius: 5px; border: 1px #DC626F solid;  transition: background-color 0.3s;}
.dmBtmE:hover{color: #FFF; background-color:#DC626F;}
.dlBtn{display: block; width: 160px; float: right;padding: 15px 30px; text-align: center;color: #DC626F; font-size: 14px; border-radius: 5px; border: 1px #DC626F solid;  transition: background-color 0.3s;}
.dlBtn:hover{color: #FFF; background-color:#DC626F;}

/*購物信息*/
.form_title{width: 595px; margin: 0 auto; color: #FFF; background-color:#B5AFA2;height: 24px; padding: 10px; text-align: center; }
.formtab{width: 615px; margin: 0 auto; font-size: 14px;}
.red{color: rgba(255,0,4,1.00); margin-right: 5px;}
.formtab li{height: 30px; padding: 12px 0;}
.formtab .L{float: left; width: 50%;}
/*表單框*/
.formtab input[type="text"], 
.formtab textarea {padding:5px; font-size:12.5pt;color:#626E7A; border-radius:5px;}
/* 表單按鈕 */
.formbtn{ display: block; background:#DC626F; color:#FFFFFF; text-align:center; font-size:10pt; padding:8px; border-radius:5px;cursor:pointer; border:none; }
.formbtn:hover{ background:#EF9688; color: #FFF;}
.form_btn_update{display: block; background:#D9BBAE; color:#FFFFFF; font-size:10pt; padding:10px; border-radius:5px;cursor:pointer; border:none; transition: background-color 0.3s; }
.form_btn_update:hover{ background:#F3C9BF;}
.form_btn_del{display: block; background:rgba(136,94,57,0.24);  color:rgba(255,255,255,0.73); font-size:14px; width: 32px; height: 32px; padding:7px; cursor:pointer; border: none; float: right;  transition: background-color 0.3s;}
.form_btn_del:hover{ background:rgba(136,94,57,0.64); color: #FFFFFF;}

/* 選項按鈕 radio */
.radioCss { display: none; }
.radioCss + label { -webkit-appearance:none; background-color:#FAFAFA; border:1px solid #CACECE; box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding:9px; border-radius:50px; display:inline-block; position:relative;  cursor:pointer; }
.radioCss:checked + label:after { content:' '; width:12px; height:12px; border-radius:50px; position:absolute; top:3px; background:#99A1A7; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3); text-shadow:0px; left:3px; font-size:32px; }
.radioCss:checked + label { background-color:#E9ECEE; color:#99A1A7; border:1px solid #ADB8C0; box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); }
.radioCss + label:active,
.radioCss:checked + label:active {box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 

/* 全屏背景 */
#MsgBg{ z-index:2000; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8); display:none; }
#MsgBg2{ z-index:2000; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8); display:none; cursor: pointer;}

/* 訊息視窗 */
#MsgAlert{ z-index:3000; position:fixed; width:400px; height:200px; top:50%; left:50%; margin-top:-100px; margin-left:-200px; background:#FFF; box-shadow:0px 0px 10px #000;display: none;}
#MsgAlert .tit{ font-size:16px; text-align: center; background-color:#D2BAA2; color:#FFF; height: 32px; padding-top: 5px;} 
#MsgAlert .imgs{ float:left; height:70px; margin-right:10px; }
#MsgAlert .msg{ height:110px; line-height:30px; padding:5px 0px 0px 10px; }
#MsgAlert .btn { text-align:center; }
#MsgAlert a.btnYes{ padding:5px 15px; background:#DC626F; color:#FFF; border-radius:5px; cursor:pointer; }
#MsgAlert a:hover.btnYes{ background:#EF9688; }
.MsgDefBorder { border:1px #CACECE solid; } /* 預設框線顏色 */
.MsgErrBorder { border:1px #FF287E solid; } /* 錯誤框線顏色 */

#msgBook{z-index: 3003; position: fixed; width: 860px; height: 600px; top:50%; left:50%; margin-top:-300px; margin-left:-430px;display: none;}
#msgWait{width: 24px; height: 24px; margin: 170px auto 0 auto; background:url(../images/loading-9.gif);display: none;}