@charset "utf-8";@import url("reset.css");html{background-image:url(../templates/mobi_bg.jpg);overflow:scroll;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

* {-webkit-overflow-scrolling: touch !important;overflow-scrolling: touch !important;}
html { overflow-y:auto !important; }
body{margin:0;padding:0;font-size:18px;line-height:1.4;background-image:url(../templates/mobi_bg.jpg);background-color:#FFF;background-repeat:repeat;background-size:cover;font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;color:#000;overflow:scroll;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none;}
#WRAPPER{width:100%;height:auto;max-height:100%;margin:0 auto;padding:0;min-width:320px;}
#HEADER{width:100%;height:65px;margin:0 auto;padding:0;text-align:left;vertical-align:middle;line-height:90px;background-repeat:no-repeat;background-position:right bottom;position:fixed;top:0;z-index:300;overflow:hidden;clear:both;border-bottom:1px solid #ccc;opacity:0.9;}
#HEADER a img{height:35px;position:fixed;left:0px;margin:14px auto;}
.header_login{margin-right:10px;margin-top:0;float:right;vertical-align:middle;color:#039;font-weight:bold;line-height:55px;}
.header_login #login_icon1 img{width:12px;display:none;}
.header_login #login_icon2 img{width:24px;vertical-align:middle;display:none;}
#CONTENT{width:100%;height:100%;min-width:320px;max-height:100%;margin:120px auto 0 auto;padding:0;clear:both;background-image:url(../templates/mobi_bg.jpg);background-color:#fff;background-repeat:repeat;overflow:auto;overflow-x:hidden;}
#FOOTER{width:100%;height:60px;margin:0;min-width:240px;padding:0;text-align:center;background-image:url(../templates/mobi_footer_bg.jpg);background-repeat:repeat-x;position:fixed;bottom:0px;clear:both;z-index:10;border:none;display:block;}
#COPYRIGHT{width:100%;height:100%;color:#ccc;font-size:1em;text-align:center;background-color:transparent;margin-top:0px;padding-bottom:20px;background-image:url(../templates/copyright_bg.png);background-repeat:no-repeat;background-position:center top;-moz-background-size:cover;background-size:cover;}
#COPYRIGHT a{color:#ccc;font-weight:bold;}
a{text-decoration:none;}
.black{color:#000;}
.CCC{color:#CCC;}
.gray666{color:#666;}
.red{color:#C00;}
.white{color:#FFF;}
.blue{color:#006699;}
.font_200{font-size:200%;line-height:1.2;}
.font_150{font-size:150%;line-height:1.2;}
.font_120{font-size:120%;line-height:1.2;}
.font_100{font-size:100%;line-height:1.2;}
.font_90{font-size:90%;}
.font_50{font-size:100%;}
.width_100{width:100%;}
.width_95{width:95%;}
.width_90{width:90%;}
.width_80{width:80%;}
.width_70{width:70%;}
.width_60{width:60%;}
.width_50{width:50%;}
.width_40{width:40%;}
.width_35{width:35%;}
.width_30{width:30%;}
.width_20{width:20%;}
.width_10{width:10%;}
.height_100{height:60px;display:block;line-height:60px;}
.FLOAT_L{float:left;}
.FLOAT_R{float:right;}
.banner{width:98%;height:100%;margin:10px auto;overflow:hidden;position:relative;text-align:center;}
.banner img{width:90%;border:#FFF 1px solid;margin:0 auto;text-align:center;}
.banner_pre,.banner_next{width:5%;height:100%;position:absolute;top:0;padding:0;margin:0;z-index:30;}
.banner_pre{left:0;}
.banner_next{right:0;}
.news{height:1%;margin:80px auto 1em auto;overflow:hidden;padding:40px 0 0 0;width:100%;}
.news_title{background-image:url(../templates/mobi_news_title.gif);font-size:1.4em;color:#333;padding-left:40px;line-height:45px;font-weight:normal;font-family:"微軟正黑體";width:90%;margin:0 auto;text-align:left;}
.news_title_more{z-index:20;background-image:url(../templates/mobi_news_title.gif);background-position:right top;width:80px;text-indent:-9999px;display:block;float:right;}
.news_content{background-color:#FFFFFF;border-bottom:1px solid #d2d2d2;overflow:hidden;position:relative;background-image:transparent !important;background-repeat:no-repeat;background-position:20px 22px;}
.news_content ul li{list-style-type:none;}
.news_footer{background-image:url(../templates/mobi_news_bottom.gif);color:#006699;font-size:11px;text-align:center;line-height:30px;width:100%;height:30px;padding:0;margin:0;display:block;text-decoration:none;}
.news_footer a{text-decoration:none;color:#39C;}
.news_content img{width:90%;height:auto;border:none;margin:28px 10px 10px 20px;background-position:center;overflow:hidden;}
.about_content img{width:auto;height:auto;border:none;margin:0 auto;background-position:center;overflow:hidden;display:block;}
.light_content img{width:auto;height:auto;border:none;margin:0 auto;background-position:center;overflow:hidden;display:block;}
.news_content ul, .act_content ul, .about_content ul{width:90%;display:block;padding:0px 20px;text-align:left;text-indent:0px;margin:0;}
.news_content ul.full, .act_content ul.full, .product_content ul.full, .about_content ul.full, .light_content ul.full{width:90%;margin:0 auto;padding-left:25px;}
.description{color:#666666;font-size:15px;list-style-type:none;display:-webkit-box;}
.time{font-size:15px;color:#969696;font-family:Arial, Helvetica, sans-serif;padding:5px;left:10px;top:12px;list-style-type:none;display:block;clear:both;float:right;}
.full .time{right:0 !important;bottom:0 !important;left:initial;top:inherit;}
.news_content ul li.bold{font-weight:bold;font-size:1.2em;list-style-image:url(../templates/shortcut_icon.gif) !important;margin-top:0px;display:block !important;text-align:center;}
li.bold{list-style-type:none;}
.act_content ul li.bold a{font-size:18px;font-weight:bold;}
.bold a{text-decoration:none;color:#000000;font-size:18px;font-weight:normal;display:block;margin-top:20px !important;padding-top:0px;padding-bottom:10px;}
.news_content_typeA{background-color:#FFFFFF;border-bottom:1px solid #d2d2d2;overflow:hidden;position:relative;background-image:transparent !important;background-repeat:no-repeat;background-position:20px 22px;box-sizing:border-box;padding:0 20px;}
.news_content_typeA ul li{list-style-type:none;}
.news_content_typeA img{width:100%;height:auto;border:none;margin:15px 0px 10px 0px;background-position:center;overflow:hidden;}
.news_content_typeA ul{width:100%;display:block;padding-left:0;}
.news_content_typeA ul.full{width:90%;margin:0 auto;padding-left:25px;}
.news_content_typeA .description{color:#666666;font-size:15px;clear:both;list-style-type:none;display:-webkit-box;text-align:left;}
.news_content_typeA .time{font-size:15px;color:#969696;font-family:Arial, Helvetica, sans-serif;padding:5px;left:10px;top:12px;list-style-type:none;display:block;clear:both;float:right;}
.news_content_typeA .full .time{right:0 !important;bottom:0 !important;left:initial;top:inherit;}
.news_content_typeA ul li.bold{font-weight:bold;font-size:1.2em;list-style-image:url(../templates/shortcut_icon.gif) !important;margin-top:0px;display:block !important;padding-left:0px;text-align:;}
.news_content_typeA li.bold{list-style-type:none;}
.news_content_typeA .bold a{text-decoration:none;color:#000000;font-size:18px;font-weight:bold;display:block;margin-top:0px !important;padding-top:0px;padding-bottom:10px;text-align:left;}
.news_content_typeB{background-color:#FFFFFF;overflow:hidden;background-image:transparent !important;background-repeat:no-repeat;background-position:20px 22px;box-sizing:border-box;padding:20px;}
.news_content_typeB ul{}
.news_content_typeB ul li{list-style-type:none;}
.news_content_typeB img{width:100%;height:auto;border:none;margin:15px 0px 10px 0px;background-position:center;overflow:hidden;}
.news_content_typeB ul{width:100%;display:block;padding-left:0;}
.news_content_typeB ul.full{width:90%;margin:0 auto;padding-left:25px;}
.news_content_typeB .description{color:#666666;font-size:15px;clear:both;list-style-type:none;display:-webkit-box;}
.news_content_typeB .time{font-size:15px;color:#969696;font-family:Arial, Helvetica, sans-serif;padding:5px;left:10px;top:12px;list-style-type:none;display:block;clear:both;float:right;}
.news_content_typeB .full .time{right:0 !important;bottom:0 !important;left:initial;top:inherit;}
.news_content_typeB ul li.bold{font-weight:bold;font-size:1.2em;list-style-image:url(../templates/shortcut_icon.gif) !important;margin-top:0px;display:block !important;padding-left:0px;}
.news_content_typeB li.bold{list-style-type:none;}
.news_content_typeB .bold a{text-decoration:none;color:#000000;font-size:18px;font-weight:bold;display:block;margin-top:0px !important;padding-top:0px;padding-bottom:10px;}
#newsList .swiper-button-next{top:34%;width:20px;background-size:contain;right:0;}
#newsList .swiper-button-prev{top:34%;width:20px;background-size:contain;left:0;}
.news_content_typeC{background-color:#FFFFFF;border-bottom:1px solid #d2d2d2;overflow:hidden;position:relative;background-image:transparent !important;background-repeat:no-repeat;background-position:20px 22px;box-sizing:border-box;padding:0 20px;}
.news_content_typeC ul li{list-style-type:none;}
.news_content_typeC img{width:100%;height:auto;border:none;margin:15px 0px 10px 0px;background-position:center;overflow:hidden;float:left;display:none;}
.news_content_typeC ul{width:100%;display:block;padding-left:0;}
.news_content_typeC ul.full{width:90%;margin:0 auto;padding-left:25px;}
.news_content_typeC .news_pic{display:none;}
.news_content_typeC .sub_title{display:none;}
.news_content_typeC br{display:none;}
.news_content_typeC .description{color:#666666;font-size:15px;list-style-type:none;display:none;}
.news_content_typeC .time{font-size:15px;color:#969696;font-family:Arial, Helvetica, sans-serif;padding:5px;left:10px;top:12px;list-style-type:none;display:none;clear:both;float:right;}
.news_content_typeC .full .time{right:0 !important;bottom:0 !important;left:initial;top:inherit;display:none;}
.news_content_typeC ul li.bold{font-weight:bold;font-size:1.2em;background-image:url(../templates/shortcut_icon.gif) !important;margin-top:0px;display:block !important;padding-left:20px;background-position:left top;background-repeat:no-repeat;}
.news_content_typeC li.bold{list-style-type:none;}
.news_content_typeC .bold a{text-decoration:none;color:#000000;font-size:18px;font-weight:bold;display:block;margin-top:0px !important;padding-top:0px;padding-bottom:0px;}
.text{color:#000;padding:0 10px;clear:both;font-family:"微軟正黑體";clear:both;}
.text p{font-size:100%;line-height:1.6;word-wrap:break-word;}
.text img, .text p img{width:100%;height:auto;margin:10px auto;clear:both;text-align:center;display:block;}
.no100{width:auto;}
.act{height:1%;margin:70px auto 1em auto;overflow:hidden;padding:10px 0 0 0;width:100%;line-height:1.6;}
.act_title{background-image:url(../templates/mobi_act_title.gif);font-size:1.4em;color:#333;padding-left:40px;line-height:45px;font-weight:normal;font-family:"微軟正黑體";width:95%;margin:0 auto -20px auto;}
.act_title_more{z-index:20;background-image:url(../templates/mobi_act_title.gif);background-position:right top;width:80px;text-indent:-9999px;display:block;float:right;}
.act_content{border-bottom:1px dotted #6F6F6F;overflow:hidden;position:relative;width:100%;}
.act_content img{width:100%;height:auto;border:1px solid #999;background-position:center;overflow:hidden;display:block;}
.act_footer{background-image:url(../templates/mobi_act_bottom.gif);color:#006699;font-size:15px;text-align:center;line-height:30px;width:100%;height:30px;padding:0;margin:0;display:block;text-decoration:none;}
.act_footer a{text-decoration:none;color:#39C;}
.act .text{padding:10px 20px 60px 20px !important;}
.about{margin:80px auto 1em auto;overflow:hidden;padding:0 0 0em 0em;width:100%;}
.about_title{background-image:url(../templates/mobi_about_title.gif);font-size:1.4em;color:#333;padding-left:40px;line-height:45px;font-weight:normal;font-family:"微軟正黑體";width:95%;margin:0 auto 10px auto;}
.about_title_more{z-index:20;background-image:url(../templates/mobi_about_title.gif);background-position:right top;width:80px;text-indent:-9999px;display:block;float:right;}
.about_content{background-color:transparent;border-bottom:1px dotted #6F6F6F;overflow:hidden;position:relative;}
.about .about_content{background-color:transparent;border-bottom:transparent;overflow:visible;position:relative;}
.about_content img{border:none;margin:0px auto;background-position:center;overflow:hidden;display:block;text-align:center;}
.about_footer{background-image:url(../templates/mobi_about_bottom.gif);color:#006699;font-size:11px;text-align:center;line-height:30px;width:100%;height:30px;padding:0;margin:0;display:none;text-decoration:none;}
.about a{text-decoration:none;color:#39C;}
.light{height:1%;margin:1em auto;overflow:hidden;padding:0 0 0.4em 0.2em;width:100%;}
.light_title{background-image:url(../templates/mobi_light_title.gif);font-size:1.6em;color:#666;padding-left:40px;height:45px;line-height:45px;font-weight:bold;font-family:"微軟正黑體";border-bottom:1px solid #ccc;width:95%;margin:0 auto;margin-top:10px !important;}
.light_title_more{z-index:20;background-image:url(../templates/mobi_light_title.gif);background-position:right top;width:80px;text-indent:-9999px;display:block;float:right;}
.light_content{background-color:#FFF;border-bottom:1px dotted #6F6F6F;overflow:hidden;position:relative;}
.light_content img{border:1px solid #999;margin:10px auto;background-position:center;overflow:hidden;float:left;display:block;}
.light_footer{background-image:url(../templates/mobi_light_bottom.gif);color:#006699;font-size:11px;text-align:center;line-height:30px;width:100%;height:30px;padding:0;margin:0;display:block;text-decoration:none;}
.light_footer a{text-decoration:none;color:#39C;}
h3.content_title{font-size:1.4em;color:#fff;display:block;width:90%;text-align:left;line-height:1.8;margin:0;font-family:"微軟正黑體";z-index:100;position:absolute;left:0;top:-50px;height:30px;padding-left:40px;overflow:hidden;}
#btn_PAGE{width:100%;height:36px;margin:0 auto;padding:0;text-align:right;position:fixed;right:10px;bottom:0px;clear:both;z-index:10;}
img#GOTOP{width:100%;}
#FOOTER ul{width:100%;height:60px;margin:0 auto;padding:0;clear:both;}
#FOOTER li{font-size:75%;padding-top:35px;color:#fff;display:inline-block;width:60px;height:15px;text-align:center;margin-left:0px;float:none;padding-left:0px;font-weight:bold;}
#FOOTER li a{text-decoration:none;color:#000;display:block;width:50px;height:15px;cursor:pointer;z-index:10;}
.home{background-image:url(../templates/mobi_footer_btn1.jpg);background-position:center top;}
.btn_news{background-image:url(../templates/mobi_footer_btn2.jpg);background-position:center top;}
.btn_product{background-image:url(../templates/mobi_footer_btn4.jpg);background-position:center top;}
.btn_ob1{background-image:url(../templates/mobi_footer_btn3.jpg);background-position:center top;}
.btn_ob2{background-image:url(../templates/mobi_footer_btn5.jpg);background-position:center top;}
.btn_back{background-image:url(../templates/mobi_footer_btn_back.jpg);background-position:center top;}
.btn_ob3{background-image:url(../templates/mobi_footer_btn6.jpg);background-position:center top;}
#FOOTER a:hover li{-webkit-box-shadow:2px 5px 5px #ccc;-webkit-box-shadow:inset 2px 2px 5px #666666;}
header{width:100%;height:60px;background:url(../templates/header.png) repeat-x;position:fixed;top:0;}
header h1{color:#FFF;text-align:center;font-size:20px;text-shadow:2px 2px 5px #000;line-height:60px;text-shadow:1px 1px 3px #000;margin:0 auto;}
header a#MENU{display:block;width:32px;height:32px;font-size:11px;background-image:url(../templates/mm1.png);text-indent:-9999px;position:absolute;left:14px;top:15px;}
header a#NAV{display:block;width:32px;height:32px;font-size:11px;background-image:url(../templates/mm2.png);text-indent:-9999px;position:absolute;right:14px;top:15px;}
article{padding:20px 0 20px 0;}
article ul{margin:22px 0px;padding:0;}
article li{list-style:none;}
article li table{margin:20px 0;}
article li:first-child a{background-color:#fff;background-image:url(../templates/mobi_title_bg.jpg);color:#333;line-height:60px;background-repeat:repeat;background-position:left top;font-size:24px;text-decoration:none;height:60px;padding-left:20px;border:none;}
article li:first-child td.mobi_prd_title a{color:#000;line-height:1.6;font-size:1.2em;}
.mobi_prd_descript{font-weight:normal;color:#666;font-size:0.9em;line-height:1.2;}
.mobi_prd_descript2{font-weight:normal;color:#666;padding:10px;font-size:24px;line-height:1.2;clear:both;letter-spacing:2px;}
.prd_price_group{padding-left:10px;font-size:0.8em;clear:both;display:block;}
.mobi_prd_price{font-weight:normal;color:#000;font-size:1em;line-height:normal;text-decoration:line-through;}
.mobi_prd_price span{float:left;}
.mobi_prd_price .price_ch{color:#C00;font-size:1em;line-height:normal;vertical-align:middle;}
.mobi_prd_price2{font-weight:bold;color:#C00;font-size:1.2em;}
.mobi_prd_price2 span{float:left;}
.mobi_prd_price2 .price_ch{color:#C00;font-size:0.8em;line-height:1.6;font-weight:normal;}
.mobi_prd_price3{font-weight:bold;color:#C00;font-size:1.2em;}
.mobi_prd_price3 span{float:left;}
.mobi_prd_price3 .price_ch{color:#C00;font-size:0.8em;line-height:1.6;font-weight:normal;}
article li:last-child a{}
article a{display:block;padding-bottom:15px;line-height:1.6;padding:0 20px;text-align:justify;text-justify:inter-word;color:#000;text-decoration:none;background-color:#FFF;border:1px solid #999;margin-bottom:-1px;font-weight:bold;background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:98% center;}
article a:hover{background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:98% center;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));background:-webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%);background:-o-linear-gradient(top, #ffffff 0%,#eaeaea 100%);background:-ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%);background:linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0);}
.search_pop{padding-top:50px;padding-bottom:5px;height:40px;width:100%;position:fixed;z-index:999 !important;left:-100%;top:0px;background-color:#FFF;background-image:url(../templates/logo.png);background-size:auto 36px;background-repeat:no-repeat;background-position:center 15px;}
.search_pop input{width:100%;height:40px;font-size:14px;border-color:#fff;display:inline-block;margin:0;font-family:"微軟正黑體";border:none;position:relative;box-sizing:border-box;padding:10px 25px;background-color:#ececec;font-weight:normal;}
br{border:1px solid #d5d5d5;border-radius:5px;padding:2px;box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1);font-size:1rem;width:90%;}
#search_submit{height:45px;width:auto;border:none;margin-left:3px;vertical-align:middle;z-index:999;position:absolute;right:0;top:67px;background-size:initial;background-color:transparent;}
.PRODUCT_UL{background-image:url(../templates/mobi_title_bg.jpg);line-height:60px;background-repeat:repeat;background-position:left top;font-size:1.2em;color:#333;padding-left:10px;font-weight:bold;font-family:"微軟正黑體";height:60px !important;overflow:hidden;text-overflow:ellipsis;margin-top:60px;}
.PRODUCT_UL a{color:#333;padding:5px;text-decoration:none;}
.PRODUCT_UL h3{color:#333;}
.PRODUCT_TITLE{font-size:20px;font-weight:bold;color:#006699;padding:15px;}
table.PRODUCT_TB td{border:1px solid #ccc;padding:5px 10px;}
.price_ch{font-size:0.5em;clear:both;line-height:1.5em;text-align:left;}
.PRODUCT_BUY a{display:block;width:80%;height:50px;background-color:#39a8e0;color:#FFFFFF;font-weight:normal;font-size:1.2em;letter-spacing:4px;text-decoration:none;text-align:center;line-height:50px;border:1px solid #FFFFFF;-webkit-border-radius:5px;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #39a8e0), color-stop(0.5, #39a8e0));margin:0 auto;-webkit-tap-highlight-color:rgba(255,0,0,0.4);outline:none;}
#add_cart_x{background-color:#39a8e0;display:block;}
.PRODUCT_BUY a:hover{color:#FFFFFF;-webkit-box-shadow:2px 5px 5px #ccc;-webkit-box-shadow:inset 2px 2px 5px #666666;}
.PRODUCT_FB a{display:block;width:90%;height:50px;background-color:#39a8e0;color:#FFFFFF;font-weight:bold;font-size:1.6em;letter-spacing:5px;text-decoration:none;text-align:center;line-height:50px;border:1px solid #FFFFFF;-webkit-border-radius:5px;-webkit-box-shadow:2px 5px 5px #ccc;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #39a8e0), color-stop(0.5, #39a8e0));margin:0 auto;-webkit-tap-highlight-color:rgba(255,0,0,0.4);outline:none;}
.PRODUCT_FB a:hover{color:#FFFFFF;-webkit-box-shadow:2px 5px 5px #ccc;-webkit-box-shadow:inset 2px 2px 5px #666666;}
.PRODUCT_BUY_s{display:none;}
.DATA_CONTENT{width:100%;padding:20px;margin:0 auto;box-sizing:border-box;}
.DATA_CONTENT img{width:100%;margin:0 auto;text-align:center;}
a.icon1, a:hover.icon1{background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:98% center;display:block;line-height:60px;padding:0 0 0 20px;font-size:1.3em;font-weight:normal;}
a.icon2, a:hover.icon2{background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:98% center;display:block;line-height:60px;padding:0 0 0 20px;font-size:1.3em;font-weight:normal;}
a.icon3, a:hover.icon3{background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:98% center;display:block;line-height:60px;padding:0 0 0 20px;font-size:1.3em;font-weight:normal;}
a.icon4, a:hover.icon4{background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:98% center;display:block;line-height:60px;padding:0 0 0 20px;font-size:1.3em;font-weight:normal;}
a.icon5, a:hover.icon5{background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:98% center;display:block;line-height:60px;padding:0 0 0 20px;font-size:1.3em;font-weight:normal;}
a.icon6, a:hover.icon6{background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:98% center;display:block;line-height:60px;padding:0 0 0 20px;font-size:1.3em;font-weight:normal;}
a.icon7, a:hover.icon7{background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:98% center;display:block;line-height:60px;padding:0 0 0 20px;font-size:1.3em;font-weight:normal;}
a.icon8, a:hover.icon8{background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:98% center;display:block;line-height:60px;padding:0 0 0 20px;font-size:1.3em;font-weight:normal;}
a:hover.icon1, a:hover.icon2, a:hover.icon3, a:hover.icon4, a:hover.icon5, a:hover.icon6, a:hover.icon7, a:hover.icon8{-webkit-box-shadow:2px 5px 10px #333;-webkit-box-shadow:inset 1px 1px 3px #ccc;color:#30acec;background-color:#fefefe;}
ul.SIDE_UL{margin:0;padding:0;}
ul.SIDE_UL li a{line-height:50px;padding:0 0 0 80px;background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:30px center;background-color:#fff;color:#000;font-size:100%;border:1px solid #ccc;height:50px;}
ul.SIDE_UL li a:hover{-webkit-box-shadow:2px 5px 10px #333;-webkit-box-shadow:inset 1px 1px 3px #ccc;color:#30acec;background-image:url(../templates/mobi_list_arrow.png);background-color:#dddddd;}
ul.SIDE_UL li ul.SIDE_UL li a{line-height:40px;padding:0 0 0 80px;background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:50px center;background-color:#eee;color:#000;font-size:100%;border:1px solid #ccc;height:40px;background-size:9px;}
}
ul.SIDE_UL2{margin:0;padding:0;}
ul.SIDE_UL2 li a{line-height:50px;padding:0 0 0 110px;background-image:url(../templates/mobi_list_arrow.png);background-repeat:no-repeat;background-position:60px center;background-color:#eeeeee;color:#000;font-size:100%;}
ul.SIDE_UL2 li a:hover{-webkit-box-shadow:2px 5px 10px #333;-webkit-box-shadow:inset 1px 1px 3px #ccc;color:#30acec;background-image:url(../templates/mobi_list_arrow.png);background-color:#dddddd;}
ul.sub{display:none;}
ul.third{display:none;}
ul.STEP_UL{line-height:50px;background-repeat:repeat;background-position:left top;font-size:100%;color:#666;clear:both;width:95%;margin:80px 20px 0 20px;padding:0;}
ul.STEP_UL li{display:inline;padding:5px 5px;background-color:#eee;background-image:url(../templates/step_bg.png);background-position:right center;}
ul.STEP_UL li.STEP_ON{display:inline;padding:5px 5px;background-color:#30acec;color:#FFF;}
ul.STEP_UL li.STEP_ON a{color:#FFF;}
.STEP_UL a{color:#666;padding:5px;}
ul.STEP_UL li.no_bg{background-image:none;}
.total-amount{padding:10px;text-align:center;font-size:120%;background-color:#eee;padding-top:30px;}
.NORMAL_UL{padding:10px;}
.tablelist_title{font-weight:bold;}
.list-wrap{background:#eee;}
.view-list{display:block;margin:0;padding:0;list-style:none;background-color:#FFF;}
.view-list li{display:block;position:relative;min-height:40px;border-bottom:#ccc solid 1px;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
.view-list li a{color:#264564;position:relative;}
.view-list li a .tapfix{position:absolute;top:0;left:0;height:inherit;width:100%;}
.view-list.single-line li{background:url(/img/new/list_arw.png) no-repeat right center;height:44px;line-height:46px;font-size:16px;}
.view-list.single-line li a{display:block;height:inherit;line-height:inherit;padding:0 34px 0 12px;overflow:hidden;}
.view-list.multi-line li{padding:8px 38px 8px 10px;}
.view-list.multi-line li .ico-arw{background:url(/img/new/list_arw.png) no-repeat right center;display:block;position:absolute;right:0;top:0;width:38px;height:100%;}
.view-list.multi-line li .item .img-box{width:80px;min-height:80px;float:left;}
.view-list.multi-line li .item .img-box img{width:inherit;}
.view-list.multi-line li .item .item-name{margin-left:10px;}
.view-list.multi-line li .item .info-box{margin-left:90px;font-size:16px;}
.view-list.has-num li{padding-left:20px;}
.view-list.has-num li .num{display:block;position:absolute;height:100%;width:20px;background-color:#f1f1f1;color:#777;text-align:center;line-height:3em;font-size:13px;left:0;top:0;}
.view-list.has-num li .item .img-box{width:60px;min-height:60px;float:left;margin-left:6px;}
.view-list.has-num li .item .item-name{margin-left:76px;}
.view-list.has-rank li .num{background:url(/img/new/num_base.png) no-repeat 0 0;width:30px;height:25px;padding-top:5px;font-size:13px;font-weight:bold;line-height:1;color:#2e281d;text-shadow:0 1px #fff;text-align:center;position:absolute;top:-1px;left:5px;z-index:10;}
.item{position:relative;min-height:1px;line-height:1.4;}
.item:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.item .item-name{display:block;font-size:18px;width:35%;float:left;color:#000;line-height:30px;}
.item .item-name.sub{font-size:100%;font-weight:normal;}
.item .img-box img{display:block;margin:0 auto;}
.item .info-box{padding:5px 0;font-size:100%;}
.item-info.price{color:#353840;float:left;width:55px;margin:0 auto;text-align:right;display:block;background-image:url(../images/icon_price3.jpg);background-size:contain;height:30px;background-repeat:no-repeat;background-position:left 7px;line-height:30px;margin-left:10px;}
.item .info-box .item-info.price .t-alert, .item .info-box .item-info.price .t-price{margin:0 2px;}
.item .info-box .item-info.period{font-size:86.666%;}
.item .info-box .item-info.og-price{color:#7f8c8d;}
.item .info-box .item-info.qt{padding:4px 0;color:#000;float:left;width:20%;}
.item .info-box .item-info.alert{color:#ff5f4e;padding:2px 0;}
.item .info-box .item-info.score, .item .info-box .item-info.gift{padding:2px 0;}
.item .btn-wrap{padding:5px 0 0;}
.item-info.qt .select-box.sel-qt{min-width:40px;text-align:center;float:left;height:30px;line-height:30px;font-family:"微軟正黑體","Arial", "Helvetica", "sans-serif";font-size:18px;border-radius:5px;width:45px;background-color:#f5f5f5;}
form#mobile_cart_goods{margin-top:-50px;}
.form{display:block;margin:0 auto;width:87.5%;max-width:400px;min-height:200px;padding-top:6px;padding-bottom:12px;}
.form .field{padding:6px 0;}
.form .field .captcha{padding:0 2px 2px;}
.form .field .captcha img{vertical-align:middle;margin-right:8px;}
.form .input-box{display:block;background:#fff;width:97.333%;height:38px;border:#b7b7b7 solid 1px;-webkit-box-shadow:inset 0 1px 5px 0 #c6c6c6;box-shadow:inset 0 1px 5px 0 #c6c6c6;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size:18px;margin:0 auto;padding:0 1%;}
.form .input-box:focus{border-color:#a0e800;}
.placeholder{color:#aaa;}
.custom-label{display:inline-block;margin-right:.2em;cursor:pointer;}
.custom-radio, .custom-check{vertical-align:middle;display:inline-block;position:relative;top:-2px;margin:0 .2em;width:22px;height:22px;background:url(/img/new/ico_checkradio.png) no-repeat 0 0;}
.custom-radio{background-position:0 -25px;}
.custom-check.focus{background-position:-25px 0;}
.custom-radio.focus{background-position:-25px -30px;}
.custom-check.checked{background-position:-50px 0;}
.custom-radio.checked{background-position:-50px -25px;}
.custom-check.checked.focus{background-position:-75px 0;}
.custom-radio.checked.focus{background-position:-75px -25px;}
.select-box.sel-qt{min-width:30px;text-align:center;float:left;height:40px;font-family:"微軟正黑體","Arial", "Helvetica", "sans-serif";font-size:18px;width:50px;}
.btn-delete{background:#FFF;color:#000;width:22px;height:22px;line-height:20px;padding:0;-webkit-box-shadow:white;box-shadow:white;border-color:white;font-size:20px;font-weight:bold;font-family:Arial;position:absolute;right:15px;top:10px;border:none;}
.ADD_MEMBER a{display:block;width:150px;height:40px;background-color:#FFF;color:#FFF;font-weight:bold;font-size:1em;letter-spacing:0px;text-decoration:none;text-align:center;line-height:40px;float:left;vertical-align:middle;border:1px solid #693;-webkit-border-radius:5px;-webkit-box-shadow:2px 5px 5px #ccc;background:#bfd255;background:-moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d));background:-webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);background:-o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);background:-ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);background:linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0);margin:0 auto;-webkit-tap-highlight-color:rgba(255,0,0,0.4);outline:none;}
.ADD_MEMBER a:hover{color:#FFF;-webkit-box-shadow:2px 5px 5px #ccc;-webkit-box-shadow:inset 2px 2px 5px #666666;}
.FormWrap{margin:0 auto;width:100%;box-sizing:border-box;padding:0 20px;}
.FormWrap ul{margin-left:0;padding-left:0px;}
.FormWrap ul li{list-style:none;}
.Shipping fieldset ul li.Row{padding:20px 0;display:block;}
.ItemHead{color:#000;font-size:1.1em;line-height:2;}
.input, .input-2, .product-memo-input{padding:0px;margin:0px 5px 10px 0;height:30px;width:80%;font-family:"蘋果儷黑體", "微軟正黑體","Arial", "Helvetica", "sans-serif";}
.product-memo-input{padding:0px;margin:0px 5px 10px 0;height:30px;width:100%;font-family:"蘋果儷黑體", "微軟正黑體","Arial", "Helvetica", "sans-serif";font-size:18px;}
select.input-2{padding:0px;margin:0px 5px 10px 0;height:40px;width:80%;line-height:40px;font-family:"微軟正黑體","Arial", "Helvetica", "sans-serif";font-size:18px;}
input.btn{width:20px;height:20px;padding:10px;}
.Text{color:#000;border-radius:10px;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.2);background:#fff;padding:3px 6px 3px 8px;border:solid 1px #444241;outline:none;width:95%;height:30px;font-family:Georgia, "微軟正黑體", Times, serif;vertical-align:middle;}
input[type=checkbox]{visibility:hidden;}
.squaredFour{width:100px;position:relative;}
.squaredFour label{cursor:pointer;position:absolute;width:20px;height:20px;top:0;border-radius:4px;-webkit-box-shadow:inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);box-shadow:inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);background:#fcfff4;background:-webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background:-moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background:-o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background:-ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background:linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0);}
.squaredFour label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;content:'';position:absolute;width:9px;height:5px;background:transparent;top:4px;left:4px;border:3px solid #333;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.squaredFour label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:0.5;}
.squaredFour input[type=checkbox]:checked + label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}
input[type=checkbox],
input[type=radio]{border:1px solid #c0c0c0;margin:0 0.1em 0 0;padding:0;font-size:16px;line-height:1em;width:1.25em;height:1.25em;background:#fff;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#fbfbfb));-webkit-appearance:none;-webkit-box-shadow:1px 1px 1px #fff;-webkit-border-radius:0.25em;vertical-align:text-top;display:inline-block;}
input[type=radio]{-webkit-border-radius:2em;}
input[type=radio]:checked::after{content:"●";display:block;height:16px;line-height:17px;font-size:20px;text-align:center;color:#333333;}
.Consignee h3{padding-left:20px;color:#000000;}
.normal .input-1, .normal select{height:30px;line-height:30px;vertical-align:middle;padding:0px;margin:0px 5px 10px 0;}
select{height:30px;padding:0px;margin:0px 5px 10px 0;}
.product-number select[id="select_num"]{height:36px;border-radius:5px;font-family:inherit;font-size:18px;padding:5px;margin-top:-20px;margin-bottom:-50px;box-sizing:border-box;width:100px;margin-left:20px;}
.ItemBox textarea{width:93%;}
.ItemBox input.Text{width:93%;margin:3px;}
input[name=tel_home], input[name=tel_com]{width:40px;}
input[name=tel_home1], input[name=tel_com1]{width:55%;clear:both;margin-right:20px;}
input[name=tel_com2]{width:30%;}
input[type=password], input[name="item_name[2]"]{}
input[name=home_ZipCode], input[name=addr_home], input[name=com_ZipCode], input[name=addr_com]{width:30%;}
.data-pwdp{color:#F00;font-size:82%;padding:0;margin-top:0px;display:block;}
.RESULT_TB td{padding:5px;font-size:90%;}
.RESULT_TB td.PRODUCT_UL{padding:0px 15px;height:20px;border:none;}
.RESULT_TB td.t-price{padding-right:20px;}
.RESULT_TB td{border-bottom:#ccc solid 1px;}
.more a{padding:10px 10px 10px 20px;float:right;display:block;font-size:100%;margin:0 10px;height:30px;line-height:30px;text-indent:-9999px;width:60px;color:#999;font-weight:bold;background-image:url(../templates/mobi_more.png);background-repeat:no-repeat;background-position:left center;}
.more a:hover{color:#CCCCCC;}
#textarea_addmember{overflow:scroll;-webkit-overflow-scrolling:touch;padding:20px;}
a.link{color:#538dda;}
.link{color:#538dda;}
.t-price.red.font_150{font-size:100%;color:#555452;}
td.item-name{font-size:90%;}
#CONTENT ul table{width:95%;}
#CONTENT ul table td.font_120{font-size:100%;}
.prd_price_group{float:left;clear:both;text-align:left;padding-right:5px;padding-left:0;}
.mobi_prd_price2, .mobi_prd_price3{font-size:150%;}
.groupon_pic{width:150px;padding:0;margin:0;position:relative;}
.groupon_pic .tag_mask{position:absolute;left:-20px;top:-10px;z-index:10;width:70px;}
.groupon_pic .groupon_img{position:absolute;left:0;top:-10px;z-index:1;width:130px;max-height:110px;}
.COUNT_BG{background-image:url(mobile_groupon_count_bg.png);background-size:contain;background-repeat:no-repeat;width:39px;height:20px;font-size:70%;color:#FFF;line-height:20px;text-align:center;float:left;font-weight:bold;}
.GROUPON_PRICE{}
.GROUPON_CONTENT{}
.GROUPON_CONTENT li a, .GROUPON_CONTENT li a:hover{background-color:#f5f5f5;background-image:url(mobi_list_arrow2.png);background-repeat:no-repeat;background-position:90% center;padding-left:30px;font-size:150%;}
.MASK{width:100%;height:auto;position:relative;clear:both;margin:10px 0;}
.MASK #TAG{position:absolute;left:0;top:0;z-index:10;}
.MASK #TAG img{}
.MASK #PRODUCT{clear:both;z-index:1;margin:0 auto;width:90%;padding:10px;height:auto;}
.MASK #PRODUCT img{position:absolute;left:5%;top:0;width:90%;clear:both;height:auto;overflow:hidden;}
li.TITLE{height:45px;}
.GROUPON_ARTICLE li a{min-height:115px;}
a[href="3g_c1.php"]{}
#productList a.COLOR_RED img{width:20px !important;height:20px !important;margin-right:10px;min-width:20px;min-height:20px;}
#productList a imgarticle li:last-child a{}
article li:last-child a.RED{width:10px;height:10px;}
#SUPPORT_TB{width:100%;height:auto;margin:0 auto;}
#SUPPORT_TB td{font-size:100%;padding:3px 0;font-family:"微軟正黑體";background:transparent;}
#SUPPORT_TB span.import input{width:24px;height:24px;margin:3px;}
#SUPPORT_TB td.gray{color:#666666;}
.red{color:#FF0000;}
#SUPPORT_TB input, #SUPPORT_TB select{width:100%;font-size:100%;font-family:"微軟正黑體";max-width:100%;}
#SUPPORT_TB textarea.input{width:100%;height:100px;font-size:100%;font-family:"微軟正黑體";max-width:100%;}
#SUPPORT_TB #tel_home_textfie{width:10%;}
#SUPPORT_TB #tel_home1_textfie{width:95%;}
.hidden{display:none;}
.member-ps{font-size:80%;color:#F00;}
.gray font[color="#FF0000"]{font-size:80%;}
input[id="item_name[39]"], input[id="item_name[41]"]{float:left;margin-top:-25px;}
.gray br{display:block;float:left;height:0px;line-height:0px;margin:0;padding:0;}
#GALLERY{width:100%;padding:0;margin:0 auto;display:inline-block;text-align:center;}
ul.photo_gallery_list{display:block;width:43%;height:110px;list-style:none;margin:10px;position:relative;padding:0;}
li.photo_title{display:block;position:absolute;left:5px;bottom:5px;background-color:#000000;color:#FFF;text-align:center;width:95%;font-weight:bold;z-index:100;padding:0;opacity:0.7;overflow:hidden;font-size:90%;}
li.photo_title a{color:#FFFFFF;text-decoration:none;}
li.photo_background{width:100%;height:110px;position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover;}
li.photo_background img{width:110%;height:120px;margin:-5px 0 0 -5px;}
#FLOAT_CONTACT{width:100%;position:fixed;left:0;bottom:10%;opacity:0.8;z-index:3000;}
#FLOAT_CONTACT table{width:100%;background-image:url(../images/float_contact_bg.png);background-repeat:repeat-x;background-size:contain;}
#FLOAT_CONTACT img{width:80%;margin:0;padding:0;display:block;}
#FLOAT_CONTACT a:active img{opacity:0.6;-webkit-box-shadow:none;}
span[style="padding-left:30px;"]{padding:0px;word-wrap:break-word;width:60%;display:inline;height:20px;margin:-5px;font-size:90%;}
#nav-news{width:100%;height:60px;position:fixed;z-index:100;margin-top:-10px;}
#nav-news a{display:block;line-height:60px;width:60px;background:rgba(0,0,0,0.4);text-align:center;text-decoration:none;font-size:21px;color:#fff;font-family:Arial, Helvetica, sans-serif;border-radius:20%;}
#prev-news{float:left;margin-left:-30px;}
#next-news{float:right;margin-right:10px;}
.mobile_prev{float:right;padding:15px;}
.mui-icon.mui-icon-email.fa.fa-shopping-cart{display:none;}
.mui-tab-label{display:none;}
.header_login{display:none;}
ul.PRODUCT_UL{margin-top:-5px;margin-bottom:0px !important;text-indent:-9999px;padding:0;}
.class_pop{width:100%;height:70px;line-height:70px;margin:0 auto;border-bottom:1px solid #c7c7c7;}
.class_pop select{height:36px;border-radius:5px;font-family:inherit;font-size:16px;padding:5px;width:100%;background-color:#f5f5f5;color:#666;}
.product-no-item, form .mobi_prd_descript2:nth-child(2){display:none !important;}
.item_list .mobi_prd_descript2{display:block;}