@charset "utf-8";

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 分頁框架設設定 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body{ width:100%; background-image: url(../images/bg2.jpg); }
a{ text-decoration: none;}
a:hover{ text-decoration: underline;}
.body{ background-repeat: repeat-x; background-image: url('../images/bg.jpg');}
.Index {}
.About {}/*公司簡介*/
.Products {}/*產品介紹*/
.News {}/*最新消息*/
.News_in {}/*最新消息-內文*/
.QnA {}/*常見問題*/
.Album {}/*活動相簿*/
.Contact {}/*聯絡我們*/
.Cart {}/*購物車*/
.Order {}/*購物清單*/
.public_page{ margin-bottom: -28px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 主架構設定 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.main { width:998px; background-color:#fff; margin-top:0px; margin-right:auto; margin-left:auto; display:block; position:relative;}
.main:after {content:''; clear: both; display: block;}
.sider_bar { width:195px; margin-left:20px; margin-top:-38px; float:left; }
.content { }
header{ width:998px;height: 60px;margin: 0 auto;}
header .cart_for_this_stop{
	position: absolute;
	right: 0;
	font-size: 10px;
	top: 0;
	padding: 2px 5px;
}
footer{ width:998px; padding-top:28px; display:block; margin:0 auto; height:34px; text-align:center; color:#666; background-color:#fff;;}

nav{ text-align: center; line-height: 30px; font-size: 17px; color: #fff;; }
nav ul li { display: inline-block; margin:0 5px;}
nav ul li:first-child{}
nav ul li:last-child{}
nav ul li:last-child:after{ content:'';}
nav ul li:after { content: '\00a0\00a0\00a0|';}
nav ul li a{ color: #fff; padding: 2px 6px 4px 6px;}
nav ul li a:hover{ background-color: #ff8f00; text-decoration:none;}

.logo{ position: absolute;}

.page_content{
	color:inherit;
	font:inherit; /* 文字繼承 */
	font:normal;
	line-height:150%;
	table-layout:auto;
	padding:auto;
	font-size: 100%;
	font-size:inherit;
}

.page_top { height: 30px; line-height: 34px; text-align: right; font-size: 14px;}
.page_top ul li{ display: inline-block;;}
.page_top ul li a{}
.page_top ul li:after{ content: '\00a0|';}
.page_top ul li:first-child{}
.page_top ul li:first-child:after{ content:'';}
.page_top ul li:last-child{}
.page_top ul li:last-child:after{ content:'';}

.breadcrumb{text-align: right; right: 11px; height: 30px; line-height: 30px; position: absolute; z-index: 1;}
.breadcrumb ul{ }
.breadcrumb ul li{ display: inline-block;font-size:12px;}
.breadcrumb ul li a { font-size: 12px;}
.breadcrumb ul li:after { content:'\00a0>'; }
.breadcrumb ul li:last-child:after { content:'';}
.breadcrumb ul li:first-child a{ width:20px; height: 20px; background-image: url(../images/smallhome.jpg); background-repeat: no-repeat; display: block; background-position: 0px 7px; position: absolute; top: 4px; left: -16px;;}


/*首頁*/
.index_adv{ position: relative;}
.index_adv img{ width: 998px; height:358px;}
.index_adv .flex-control-nav{ bottom:40px;}
.Index .content{ width:932px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin:0 auto; background-color:#fff; margin-top:-33px; z-index:1; position:relative; padding:10px; padding:20px 5px; border:1px solid #ccc;}
.Index .content:after{ content:url(../images/index_content_shadow.png); position:absolute; left:0; bottom:-38px;;}
.Index .content .cblock{ display: inline-table; position: relative; width: 263px; margin: 21px 21px 3px 21px; height: 154px; }
.Index .content .cblock:after{ content:url(../images/vertical_line.png); top: 35px; left: 285px; position: absolute;}

.Index .content .cblock:nth-child(3n):after{ content:'';}
.Index .content .cblock:nth-child(3n){ }

.Index .content .cblock .title{ font-weight: bold; border-bottom: 1px solid #ccc; line-height: 30px;}
.Index .content .cblock .title span{ color: #f00;}
.Index .content .cblock .title span:before{ content:'\00a0|\00a0'; color:#000;}
.Index .content .cblock .title .more{ float: right; font-size: 13px;}
.Index .content .cblock .title .more:after{ content:'\25BA'; font-size:12px;}

.Index .content .inews{}
.Index .content .inew_pro{}
.Index .content .ilink{}
.Index .content .ishare{}
.Index .content .ihealth{}
.Index .content .imovie{}

.Index .content .inews ul li{ margin: 5px 0; color:#ccc; text-indent:1em; position:relative;}
.Index .content .inews ul li:before{ content:'\25FC'; font-size:12px; position:relative; left:-7px; top:-3px;}
.Index .content .inews ul li a { color:#474747; display:inline-block; text-indent:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:10.5em;}
.Index .content .inews ul li span{ font-size: 12px; top: 1px; position: absolute; right: 0px;}

.Index .content .inew_pro a{ display: block; text-align: center;}
.Index .content .inew_pro img{ max-width: 262px; max-height: 142px;}
.Index .content .inew_pro .aleft{ width:25px; height: 25px; position: absolute; z-index: 2; left: -36px; top: 77px; background-image: url(../images/nav_btn.png);}
.Index .content .inew_pro .aright{ width:25px; height: 25px; background-image: url(../images/nav_btn.png); position: absolute; right: -38px; z-index: 1; background-position: 25px 0; top: 77px;;}

.Index .content .ilink ul{ margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
background-color: #eee;
padding: 3px 18px;
-webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2);
}
.Index .content .ilink ul li{ padding: 5px 0; line-height: 17px; border-bottom: 1px solid #ccc; text-indent: 1em; background-image: url(../images/arror-1.png); background-repeat: no-repeat; background-position: 6px 14px;}
.Index .content .ilink ul li:first-child{}
.Index .content .ilink ul li:last-child{ border-bottom: 0px;}
.Index .content .ilink ul li a { color:#000; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:14em;}
.Index .content .ilink ul li a:hover{ text-decoration: none;}

.Index .content .ishare ul { padding: 12px;}
.Index .content .ishare ul li { margin-bottom: 13px;}
.Index .content .ishare ul li a { color: #ccc;}

.Index .content .ihealth ul li{ margin: 5px 0; color:#ccc; text-indent:1em; position: relative;}
.Index .content .ihealth ul li:before{ content: '\25FC'; font-size: 12px; position: absolute; left: -20px;}
.Index .content .ihealth ul li a { color: #474747; display: inline-block; width: 11.5em; text-indent: 0em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.Index .content .ihealth ul li span{ display: inline-block; float: right; font-size: 12px; position: absolute; right: 0;}

.About .page_content{ background-image: url(../images/about_bg_1.png); padding-bottom: 143px; background-position: left bottom; background-repeat: no-repeat; min-height: 200px;
}

.Product .pro_list{ position: relative; z-index: 1;}
.Product .pro_list .item{ width: 195px; float: left; margin: 0 3px 16px 3px; }
.Product .pro_list .item .img{ border: 2px solid #f6f6f6; width: 180px; height: 250px; display: table-cell; vertical-align: middle; text-align: center;}
.Product .pro_list .item .img:hover{ border-color:#a6a6a6;}
.Product .pro_list .item .img img{ max-width: 180px; max-height: 250px;}
.Product .pro_list .item .title{ color: #252f52; font-size: 15px; line-height: 22px; padding: 0 4px;}
.Product .pro_list .item .price{ color: #338c1e; padding: 0 4px; line-height: 24px;}
.Product .pro_list .item .des{ padding: 0 4px; color: #424242; font-size: 14px; height: 39px; line-height: 18px; width: 180px; overflow: hidden;}
.Product .pro_list .item a{ display: block;}
.Product .pro_list .item a:hover { text-decoration: none;}


.Product .page_content .pro_img{ width: 237px; height: 296px; border: 1px solid #ccc; border-radius: 5px;-webkit-box-shadow: 2px 2px 5px 0px rgba(117,106,117,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(117,106,117,1);
box-shadow: 2px 2px 5px 0px rgba(117,106,117,1);
float: left;display: table-cell;
text-align: center;
vertical-align: middle;}
.Product .page_content .pro_img .img{ width: 237px;height: 296px;display: table-cell;}
.Product .page_content .pro_img .img img{ border-radius: 5px; max-width: 237px;max-height: 296px;
}
.Product .page_content .pro_des{ float: right; width: 350px; min-height: 296px; padding: 0px 12px; position: relative;}
.Product .page_content .pro_des p{ margin-bottom:8px; color:#54b072;}
.Product .page_content .pro_des .title{ font-size: 18px; font-weight: bold; color: #000; margin: 0 0 15px 0; margin-bottom: 11px;}
.Product .page_content .pro_des .sn{}
.Product .page_content .pro_des .price{ color: #f00;}
.Product .page_content .pro_des .cut{ color: #54b072; text-decoration: line-through;}
.Product .page_content .pro_des .units{}
.Product .page_content .pro_content{ margin-top: 16px;}
.Product .page_content .pro_content img{ max-width: 570px;}
.Product .page_content .pro_content .title{ margin-top: 10px; background-color: #d5ecd7; border-radius: 5px; text-indent: 10px;}
.Product .page_content .pro_content .con{ padding: 4px 18px;}
.Product .page_content .add_cart{ width: 112px; height: 40px; background-image: url(../images/add_cart.png); position: absolute; background-repeat: no-repeat; bottom: 0; z-index: 1;}
.Product .page_content .add_cart{ right:5px;bottom:5px;}
.Product .page_content .modellist { border: 1px solid #ccc; padding: 5px; position: relative; margin-top: 5px; border-radius:5px;}

.Qa .qa_list{}
.Qa .qa_list .item{ width: 267px; border: 1px solid #ccc; padding: 10px; float: left; margin: 10px; border-radius: 10px;}
.Qa .qa_list .item .title{ height: 22px; font-weight: bold;}
.Qa .qa_list .item .des{ line-height: 20px; height: 40px; overflow: hidden;}
.Qa .qa_list .item .more{ position: relative; margin-top: 7px; display: block; height: 16px; background-color: #b2b2b2; color: #fff; padding: 3px 15px; font-size: 12px; width: 57px; line-height: 19px; float: right; border-radius: 7px;;}
.Qa .qa_list .item .more:hover{ text-decoration: none; background-color: #ccc;}

.News .news_list{ width: 100%;}
.News .news_list tr{}
.News .news_list thead th, .News .news_list tbody td { height: 34px; text-align: center; vertical-align: middle; }
.News .news_list tbody td{ border-bottom: dotted 1px #ccc; border-collapse: collapse; color: #aaa;}
.News .news_list tbody td a { color: #474747;}
.News .news_list thead th{ background-color: #d5ecd7; color: #990202; font-weight: bold; position: relative;}
.News .news_list thead th:after{ content:'|'; position:absolute; right:0px;}
.News .news_list thead th:last-child:after{ content:'';}
.News .news_list tr:hover{}

.News_in .page_content .title{ color: #669933; font-size: 22px; height: 50px; position: relative; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.News_in .page_content .date{ position: absolute; top: 53px; right: 20px; font-size: 13px;;}

.Member_login .ListFrame{ height: 292px;margin: 55px auto;width: 272px; background-color:#FFFFFF;border:5px solid rgba(204,204,204, 0.5);padding:0px 12px 12px;
	-moz-box-shadow:#666 0px 2px 3px; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	-webkit-box-shadow:#666 0px 2px 3px; /* Safari and Chrome */
	box-shadow:#666 0px 2px 3px; /* Firefox */
	behavior:url(ie-css3.htc); /* This lets IE know to call the script */
}
.Member_login .ListFrame h3{ border-bottom:1px solid #CCC; line-height:55px; text-align:center;}
.Member_login .ListFrame input[type=text],  .Member_login .ListFrame input[type=password]{ border:1px solid #cec8a9; outline:none; background-color:#faf8ef; padding:10px; margin-top:14px; width:251px;}
.Member_login .ListFrame input[type=text] { background-image:url(../images/icon/icon_user.png); background-repeat:no-repeat; background-position:240px;}
.Member_login .ListFrame input[type=password] { background-image:url(../images/icon/icon_pass.png); background-repeat:no-repeat; background-position:240px;}
.Member_login .ListFrame .loginBtn{ border:1px solid #226dc8; background-color:#4991ea; padding:9px; color:#fff; margin-top:14px; width:273px; cursor:pointer;	 text-shadow: 0 0 0, 0 1px 1px rgba(0, 0, 0, 0.5); filter: dropshadow(color=#000, offx=0, offy=1);	-moz-box-shadow:#666 0px 3px 5px; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	-webkit-box-shadow:#666 0px 3px 5px; /* Safari and Chrome */
	box-shadow:#666 0px 3px 5px; /* Firefox */
	behavior:url(ie-css3.htc); /* This lets IE know to call the script */}
.Member_login .ListFrame .loginBtn:hover{ 
	-moz-box-shadow:#ccc 0px 1px 2px; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	-webkit-box-shadow:#ccc 0px 1px 2px; /* Safari and Chrome */
	box-shadow:#ccc 0px 1px 2px; /* Firefox */
	behavior:url(ie-css3.htc); /* This lets IE know to call the script */
}

.Member_login .ListFrame .link { font-size:12px; color:#333; text-align:center; margin-top:9px;}
.Member_login .ListFrame .link a { font-size:12px; color:#333; text-decoration:none;}
.Member_login .ListFrame .link a:hover{ text-decoration:underline;}
.LoginFrame li { }

.Member_register {}
.Member_register .member_table{ width: 100%;}
.Member_register .member_table th, .Member_register .member_table td{ height: 1.8em; padding: 3px 10px;}
.Member_register .member_table th { background-color: #d5ecd7; text-align: left; vertical-align: middle;}
.Member_register .member_table td {}
.Member_register .member_table td:first-child { text-align: right; width: 5em;}
.Member_register .member_table tr:last-child td { text-align: center;}

.Member_orders .itemList{ border:1px solid #E5F0CB; width:100%;}
.Member_orders .itemList .itemTitle{ line-height:30px; background-color:#E5F0CB}
.Member_orders .itemList td{ border-bottom:1px #E5F0CB solid; padding:10px;}
.Member_orders .tr_separate td{ border:0px;}
.Member_orders .details td{ border-color:#ccc;}

.Contactus {}
.Contactus .contactus_table{ width: 100%; border-collapse: separate; border-radius: 10px; border: 1px solid #ccc; 	}

.Contactus .contactus_table th, .Contactus .contactus_table td{ height: 1.8em; padding: 3px 10px;}
.Contactus .contactus_table th { background-color: #d5ecd7; text-align: left; vertical-align: middle;}
.Contactus .contactus_table td { border-bottom: 1px dotted #ccc; padding: 8px 10px;}
.Contactus .contactus_table td:first-child { text-align: right; width: 5em;}
.Contactus .contactus_table tr:last-child td { text-align: center; border-bottom: 0px;}


.Cart .content h2 { margin-bottom:24px;}
.Cart .shoppingList, #Cart .p_info_form { border-collapse:inherit; border-spacing:2px; width:100%; border-bottom:#c6bcb6 1px solid;}
.Cart .shoppingList th, #Cart .p_info_form th { font-size:12px; font-weight:bold; letter-spacing:2px; text-align:center; border-bottom:#c6bcb6 1px solid; padding:5px;}
.Cart .shoppingList td, #Cart .p_info_form td { padding:4px 10px; line-height:18px; font-size:12px; vertical-align:middle; background-color:#eee;}
.Cart .shoppingList td .qty { margin:0 auto; width:30px; height:14px; text-align:center; font-size:12px;}
.Cart .list_button { margin-top:2px; padding-top:5px; text-align:right;}

.Cart .p_info_form { border: 0px;}
.Cart .p_info_form th { text-align:right; border-bottom:none; padding-right:10px;}
.Cart .p_info_form td { background:none; height:24px;}

.Cart .p_info_form td input { height:14px; font-size:12px;}

.Cart .idInfo { margin:10px auto; width:100%; /*background:url(../images/layout/bg_brown.png) repeat left top;*/}
.Cart .idInfo th, .Cart .idInfo td { padding:5px 0; vertical-align:middle; border-top:#ccc 1px dashed; font-size:12px;}
.Cart .idInfo th { text-indent:20px; width:110px; height:30px; line-height:30px; text-align:left; letter-spacing:5px;}
.Cart .th_title { padding:5px 0px; vertical-align:middle; background:url(../images/layout/bg_brown.png) repeat left top; text-indent:10px;  font-weight:bold;  border-top:#ccc 1px solid!important;}

.Cart .idInfo input { margin:0; padding:0 5px; border:#c6bcb6 1px solid; height:22px; line-height:22px; font-size:12px;}
.Cart .idInfo .input1 { width:200px;}
.Cart .idInfo .input2 { width:85%;}
.Cart .idInfo .input3 { width:60px;}


/*一般頁面*/
.public_banner{ float: left;}
.public_banner2{ position: relative;}
.public_banner2 img{ width:657px;}
.sider_service{ width:200px; height: 160px; background-image: url(../images/siderbar_img1.jpg); background-repeat: no-repeat; margin-top: 50px;}
.sider_msg{ width:171px; height: 119px; background-image: url(../images/siderbar_bg2.png); background-repeat: no-repeat; margin-top: 12px; position: relative; padding: 12px;}
.sider_msg .title{ color: #bc1c1c; font-size: 20px; font-weight: bold;}
.sider_msg .des{ padding: 5px 0; line-height: 18px; height: 64px; overflow: hidden;}
.sider_msg .des ul li{ margin: 4px auto; background-color: #eaeaea; padding: 4px; }
.sider_msg .des ul li a{ }
.sider_msg .more{width:66px; height: 16px; background-image: url(../images/btn_more1.png); display: block; background-repeat: no-repeat; position: absolute; right: 13px; bottom: 12px;}

.sider_public{ background-repeat: repeat-y; width: 195px; position: relative; margin-bottom: -34px;}
.sider_public:before{ content:url(../images/sider_bar_bg3_1.png); display:block; position:absolute; z-index:1;}
.sider_public:after{ content:url(../images/sider_bar_bg3_3.png); display:block; position:relative;}
.sider_public .title{ position: relative; color: #fff; font-size: 19px; margin-left: 18px; padding-top: 12px; z-index: 2;}
.sider_public .title_en{ position: relative; font-size: 12px; color: #fff; margin-left: 19px; margin-top: 4px; z-index: 2;}
.sider_public ul{ position: relative; width: 151px; margin-top: 13px; padding-left: 20px; padding-right: 20px; background-image: url(../images/sider_bar_bg3_2.png); background-repeat: repeat-y; min-height: 177px;;}
.sider_public ul li{ border-bottom: 1px solid #ccc; position: relative; z-index: 1;}
.sider_public ul li:hover{ background-color: #eee;}
.sider_public ul li:last-child{ border-bottom: 0px;}
.sider_public ul li:before{ content:'\00a0-\00a0'; position:relative;}
.sider_public ul li a{ font-size: 15px; color: #000; line-height: 22px; display: inline-block; width: 128px;}

.sider_bar:after { content:''; display: block; clear: both;}

.public_page .content { width: 658px; float: left; margin-left: 9px; background-color: #fff; min-height: 723px; padding: 10px; position: relative; top: -38px;}
.public_page .content:before { content:url('../images/content_bg.png'); background-repeat: no-repeat;display: block;position: absolute;height: 150px;top: 0px;left: 0px;;}
.public_page .content:after{ content:url('../images/content_bg_f.png'); display: block; clear: both; position: absolute; left: 0px; bottom: 0px; z-index: 0;}
h1.page_title{ color: #ff9826; top: 5px; position: relative; left: 10px; font-size: 20px;}
h1.page_title:before{ content:'\25FC'; position:relative; top:-3px;}
.page_content{ padding: 23px 20px 10px 20px; position: relative; z-index: 1;}
.page_content img{ max-width: 570px;}
.sider_cart{ background-image: url(../images/sider_cart.png); background-repeat: no-repeat; width: 100px; height: 200px; right: -2px; position: absolute; z-index: 10;}
.sider_cart div.cart_num{ position: absolute; right: 24px; color: #f00; top: 97px;}
.sider_cart .message{ position: absolute; top: 127px; right: 18px;}
.sider_cart .btn_top{ background-image: url(../images/btn_top.png); display: block; width: 34px; height: 15px; position: absolute; top: 178px; right: 34px;}
.sider_cart .btn_top a{ display: block; width:34px; height: 15px;}
.sider_cart .cart_btn{ display: block; width: 48px; height: 40px; position: absolute; top: 73px; left: 6px; text-indent: -9999px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 編輯器樣式 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.Editor, .Editor div, .Editor span, .Editor iframe, Editor font, .Editor p, .Editor a,
.Editor img, .Editor label, .Editor legend, .Editor table,.Editor caption,
.Editor tbody, .Editor tfoot, .Editor thead, .Editor tr, .Editor th, .Editor td {
	margin:auto;
	color:inherit;
	font:inherit; /* 文字繼承 */
	font:normal;
	line-height:150%;
	table-layout:auto;
	padding:auto;
	font-size: 100%;
	font-size:inherit;
}
.Editor { padding:10px 0px; color:#333; font-size:13px; 
	text-align:justify; text-justify:inter-ideograph; word-wrap:break-word; word-break:normal;}
.Editor img { max-width:645px;}
.Editor p {}
.Editor table {
	border-collapse:inherit; /*所有的邊線都連在一起，此為預設值。*/
	border-spacing:inherit;
}

.Editor ol, .Editor ul, .Editor li { list-style:disc;}


.Product .pro_list .item .Product .page_content .pro_img{ border: 1px solid #ccc; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px 0px rgba(117,106,117,1); -moz-box-shadow: 2px 2px 5px 0px rgba(117,106,117,1); box-shadow: 2px 2px 5px 0px rgba(117,106,117,1); float: left; width: ; height: 296px;}

.page_top .area:before{}
.page_top .area{ position: relative; height: 18px; line-height: 18px; width: 76px;}
.page_top .area .items{ z-index: 1; position: absolute; top: 4px;}
.page_top .area .items:hover, .page_top .area .items.hover_effect{ border:1px solid #666; background-color: #eaeaea; padding:0 5px; margin-left: -6px; margin-top: -1px; border-radius: 5px; 
}
.page_top .area .items:hover, .page_top .area .items:active {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-touch-callout: none
}
.page_top .area .items:hover a { display: block;}

.page_top .area .items a{ display: none; height:30px; padding:0; margin:0;}
.page_top .area .items a.active{ display: block;}
.page_top .area .items a.active:after{ content: '\25BC';}

/*註冊------------*/
.phonezip{ width:5em;    margin-right: -1px; text-align: center; display: inline-block; border:1px solid #ccc; top: 0px; position: relative;}
#form_register input{ border:1px solid #ccc; padding:5px; }
.newcodeimg{    position: relative; top: 9px}

/*------------*/
label.error{ color:#f00; font-size: 12px;}
b.checkSuccess:before{
	background-color: #00f;
	border-radius: 10px;
	color: #fff;
	content: "✔";
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin-left: 5px;
	text-align: center;
	width: 20px;	
}
.sysmsg{ padding: 20px;}
.remove_share{
	position: absolute;
	top: 14px;
	left: 3px;
}
a.share_btn{    
    background-color: #ff7e00;
    border: 3px solid #ccc;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 120%;
    letter-spacing: 3px;
    margin: 5px auto;
    padding: 3px 3px 6px;
    text-align: center;
    width: 200px;
    display: block;
    position: relative;
    text-decoration: none;
    }




.station_list{}
.station_list li{ border:1px solid #ccc; border-radius: 5px; margin: 5px 8px;}
.loading:before{ content:''; position: absolute; display: inline-block; width:30px; height: 30px; background-image: url(../images/loading.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; }
.sum-info>div{ line-height: 30px; }
.myButton{
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;
}