@import url(../css/nav_dropdown.css) screen and (min-width: 640px);
@import url(../css/nav_iconmenu.css) screen and (max-width: 639px);

@charset "utf-8";
/* CSS Document */


html{ width:100%; height:100%; overflow-x:hidden;}
body{ font-family:"微軟正黑體", "Century Gothic", Arial, Helvetica, sans-serif; width:100%; height:100%; line-height:1.6; font-size:14px; color:#666; min-width:300px; /*overflow-x:hidden;*/ }
body.prettyPhoto_box{ background:#fff; padding:20px 0;}

/*body.N01 nav ul.navigation li a.N01,
body.N02 nav ul.navigation li a.N02,
body.N03 nav ul.navigation li a.N03,
body.N04 nav ul.navigation li a.N04,
body.N05 nav ul.navigation li a.N05,
body.N06 nav ul.navigation li a.N06{ font-size:18px; color:rgba(220,75,60,1); font-weight:bold; padding:8px 16px 9px 16px;}*/



/*=== Shared ===============================================================================================*/
table {	border-collapse:collapse; border-spacing:0;}
input, select, textarea, a{outline:none;}
a, a:hover{ text-decoration:none;}
a{ color:#444;}
a:hover{ color:rgba(40,60,155,1);}/*
a, a:hover, input, button{	-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-ms-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease; }*/

input:focus, button:focus, select:focus, textarea:focus{ border:0px none;}



/*=== Architecture ===============================================================================================*/
.wrapper{ position:relative; width:100%; height:100%;}

/*=== Header ====*/
header{ background:rgba(180,180,180,1); /*padding:10px 0;*/padding:7px 0; }
	.header_logo{ float:left; margin-top:5px;}
	.header_btn { float:right; padding:5px 0 0 10px; }
		.header_btn a{ display: inline-block; height:30px; margin:0 0 0 10px; padding:2px;}
		.header_btn a.icon_member{ background-image:url(../images/icon-member.png); background-repeat:no-repeat; width:30px;}
		.header_btn a.icon_shopping{ background-image:url(../images/icon-shopping.png); background-repeat:no-repeat; width:33px;}
		.header_btn a:hover{ background-color:rgba(0,0,0,.05); border-radius:3px;}


	/*** header_search ***/
	.header-search{ float:right; width:45px; height:30px; margin:2px auto 0 auto; overflow:hidden;
			-moz-transition: all 300ms ease;
			-ms-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease; }
	.header-search:hover{ width:260px;}
	.searchMeme-button-icon{ background-image:url(../images/icon-search.png); position:relative; width:30px; height:30px;}
	.searchMeme-water-mark{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
		filter: alpha(opacity=50); /* Netscape */
		-moz-opacity: 0.5; /* Safari 1.x */
		-khtml-opacity: 0.5; /* Good browsers */
		opacity: 0.5;}
	.searchMeme-input-right input{ width:100%; z-index:1000; padding:5px 12px; margin-top:0px;
		background-color:rgba(0,0,0,.3); border:none; font-size:15px;color:#fff;
		-webkit-border-radius: 6px 0px 0px 6px;
			-moz-border-radius:6px 0px 0px 6px;
				 border-radius: 6px 0px 0px 6px;
		-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,.3);
			-moz-box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.3);
				 box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.3); }
	.searchMeme-input-right { float:right; width:80%; overflow:hidden;}
	.searchMeme-button-right{ float:right; width:30px; height:30px; cursor:pointer; z-index:100; margin:0 0 0 5px;}


/*=== Footer ====*/
footer{ background:rgba(100,100,100,1); color:rgba(255,255,255,.8); font-size:13px; /*padding:20px 0; margin:75px 0 0 0;*/ /*margin:25px 0 0 0;*/margin:0 0 0 0; padding:15px 0 5px 0; /*line-height:2.0;*/line-height:1.7;}
	footer a{ font-size:40px; /*line-height:40px;*/line-height:30px; color:rgba(255,255,255,.8); margin:0 0 0 7px;}
	footer a:hover{ color:rgba(255,255,255,1);}


/*=== menu ====*/
#menu, #menu ul, #menu li, #menu a { position:relative;}
#menu { width:100%; border-top:1px solid rgba(0,0,0,.1); }
	#menu > ul > li > a { position: relative; display:block; padding:10px; font-size:15px; font-weight:300; color:#333; border-bottom:1px solid rgba(0,0,0,.1); /*text-transform:uppercase;*/ }
	#menu > ul > li.active > a { background:rgba(0,0,0,.08); color:rgba(220,75,60,1);}
	#menu > ul > li:hover > a { background:rgba(0,0,0,.08); color:rgba(220,75,60,1);}
	#menu span.cnt { position:absolute; top:5px; right:10px; font-size:12px; padding:5px 10px; border-radius:10px; background:rgba(0,0,0,.1); color:#555;}
		#menu ul ul { display:none; }
		#menu ul ul li { border-bottom:1px dashed rgba(0,0,0,.08);}
		#menu ul ul a  { display:block; padding:10px; color:#888; font-size:13px; }
		#menu ul ul a:hover{ color: rgba(220,75,60,1); }


/*=== social ====*/
#social{ position:absolute; z-index:100; width:120px; height:180px; overflow:hidden;}
	#social a  { position:relative; display:block; right:-95px; color:#fff; box-sizing:border-box; border-radius:5px 0 0 5px; margin:2px 0; padding:10px; width:120px;}
	#social a i{ font-size:18px; padding:0 15px 0 8px;}
	#social a span{ font-size:12px;}
	#social a.icon_facebook{ background:rgba(40,80,195,1);}
	#social a.icon_twitter { background:rgba(40,200,225,1);}
	#social a.icon_google  { background:rgba(210,65,15,1);}
	#social a.icon_youtube { background:rgba(235,0,0,1);}
	#social a.icon_instagram{ background:rgba(6,48,80,1);}
	#social a:hover.icon_facebook{ background:rgba(15,60,180,1); text-shadow:0 1px 3px rgba(0,0,0,.8);}
	#social a:hover.icon_twitter { background:rgba(25,190,225,1);text-shadow:0 1px 3px rgba(0,0,0,.8);}
	#social a:hover.icon_google  { background:rgba(180,60,15,1); text-shadow:0 1px 3px rgba(0,0,0,.8);}
	#social a:hover.icon_youtube { background:rgba(200,20,20,1); text-shadow:0 1px 3px rgba(0,0,0,.8);}
	#social a:hover.icon_instagram{ background:rgba(6,48,80,1); text-shadow:0 1px 3px rgba(0,0,0,.8);}
	#social a:hover{ right:0px; box-shadow:0 1px 3px rgba(0,0,0,.2);}


/*=== section ====*/
section{ margin:0 auto; box-sizing:border-box;}
	section.index{ /*padding:15px 0;*/padding:3px 0; width:100%;}
aside  { float:left;  margin:0 0 20px 0;}
article{ float:right; margin:0 0 50px 0;}



.content{}

/*============================================================================================================*/
	.breadcrumbs{ font-size:13px; padding:15px 0; color:#000;}
		.breadcrumbs i{ padding:0 10px;}
		.breadcrumbs span, .breadcrumbs span a, .breadcrumbs span a:hover, .breadcrumbs a:hover{ color:#4855a4;}
		.breadcrumbs a{ color:#000;}

	.view_as{ padding:15px 0; border-bottom:1px solid rgba(0,0,0,.05);}
		.view_as a{ padding:3px 6px; margin:0 2px; border:1px solid rgba(0,0,0,.1); color:rgba(0,0,0,.3);}
		.view_as a:hover, .view_as a.active { background:#fe5858; color:#fff;}

	.news_box{ border:1px solid rgba(0,0,0,.2); box-sizing:border-box;}
		.news_box h3{ background:rgba(0,0,0,.2); font-style:normal; font-size:18px; font-weight:600; color:#d7483a; padding:2px 10px;}
		.list_news{ padding:5px 7px;}
		.list_news li{ padding:2px 0;}
		.list_news li .type{ float:left; width:15%;}
		.list_news li .date{ float:right; width:15%; text-align:right; font-size:13px; color:#888da3;}
		.list_news li a{ float:left; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#777;}

	.item_product { position:relative; float:left; /*width:275px; height:183px;*/ width:100%; height:250px; overflow:hidden; cursor:pointer;/* margin:0 20px 0 0;*/ border:1px solid rgba(0,0,0,.2);}
		/*.item_product img{ width:100%; position:absolute;}*/
		.item_product .caption{ display:none; position:absolute; width:100%; height:100%; box-sizing:border-box; padding:30px 20px; background:rgba(0,0,0,.75);}
		.item_product h3 a{ font-size:18px; line-height:1.2; font-weight:normal; padding:0 0 10px 0; color:rgba(80,230,255,1); text-align:center;}
		.item_product p { color:rgba(255,255,255,.7); height:50px; overflow:hidden;}
		.item_product:nth-child(4){ margin:0 0 0 0;}

	.item_product.product_hot { height:302px;}

	.list_area{ float:left; width:30%; text-align:center; border-top:2px solid rgba(0,0,0,.4); margin:0 20px 25px 0;}
		.list_area li.title{ background:rgba(0,0,0,.2); color:#1f46a7; font-size:17px; border-bottom:1px solid rgba(0,0,0,.4); padding:7px 0;}
		.list_area li a{ display:block; background:rgba(0,0,0,.1); border-bottom:1px dashed rgba(0,0,0,.2); padding:6px 0;}

	.list_text{ padding:0 0 25px 0;}
		.list_text li{ border-bottom:1px dashed rgba(0,0,0,.15); padding:5px 0;}
		.list_text li i{ padding:0 5px 0 0;}

	.list_product{ padding:20px 0;}
		.list_product li{ float:left; width:33.3%; height:auto; box-sizing:border-box; padding:0 25px 25px 0; font-size:16px; line-height:1.3; text-align:center;}
		/*.list_product li:nth-child(3n){ padding:0 0 25px 0;}*/
		.list_product li .pic{ float:none; width:100%; height:170px; overflow:hidden; box-sizing:border-box;}
		.list_product li .pic img{ /*width:100%;*/}
		.list_product li .product_edit{ float:none; width:100%;}
		.list_product li .title{ color:#000; padding:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		.list_product li .edit { display:none; font-size:14px; color:#888; text-align:left; }
		.list_product li .price{ color:#fe5858;}
		.list_product li .title_news{ display:block; height:36px; color:#000; padding:5px 0; overflow:hidden; text-align:left; /*white-space:nowrap; text-overflow:ellipsis;*/}
		.list_product li .type_data { color:#999; font-size:13px; text-align:right;}
		.list_product li a{ display:block; height:230px; overflow:hidden;}
		.list_product li a .title{ transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
		.list_product li a:hover .title, .list_product li a:hover .title_news{ color:#c71500;}
		.list_product li a.buy{ display:inline-block; height:auto; margin:10px 0;}

	.list_productL{ padding:20px 0;}
		.list_productL li{ width:100%; height:105px; overflow:hidden; margin:0 0 15px 0; font-size:16px; line-height:1.3; text-align:left; border-bottom:1px dashed rgba(0,0,0,.07);}
		.list_productL li:nth-child(3n){ margin:0 0 15px 0;}
		.list_productL li .pic{ float:left; /*width:20%;*/width:10%; height:auto; overflow:hidden; box-sizing:border-box; padding-right:10px;}
		.list_productL li .pic img{ width:100%;}
		.list_productL li .product_edit{ float:left; /*width:62.5%;width:75%;*/width:57%}
		.list_productL li .title{ color:#000; padding:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		.list_productL li .edit { display:block; /*height:57px;*/height:40px; font-size:14px; color:#888; overflow:hidden;}
		.list_productL li .price{ color:#fe5858;}
		.list_productL li .title_news{ color:#000; padding:5px 0; height:auto; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		.list_productL li .type_data { color:#999; font-size:13px; text-align:left; padding:0 0 8px 0;}
		.list_productL li a{ display:inherit; height:auto; overflow:auto;}
		.list_productL li a .title{ transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
		.list_productL li a:hover .title{ color:#c71500;}
		.list_productL li a.buy{ float:right; display:inline-block; margin:-90px 0 0 0;}

	.product_detail{ padding:0 0 35px 0;}
		.product_detail .product_pic{ float:left; width:62%;}
		.product_detail .product_pic img{ width:100%;}
		.product_detail .product_edit{float:right; width:35%;}


	/*** tab_style ***/
	.tab_style {}
		ul.tabs { width:100%; height:36px; border-bottom:1px solid rgba(0,0,0,.2);}
		ul.tabs li { float:left; height:35px; line-height:35px; overflow:hidden; position:relative; /*border-radius:5px 5px 0 0;*/
					margin:0 3px -1px 0; border:1px solid rgba(0,0,0,.2); background:rgba(0,0,0,.1);}
		ul.tabs li a {display:block; padding:0 20px; color:#000; font-size:15px;}
		ul.tabs li a:hover {background:rgba(0,0,0,.25);}
		ul.tabs li.active  { background:rgba(255,255,255,.5);}
		ul.tabs li.active a:hover { background:#fff;}
		div.tab_container { clear:left; width:100%;}
		div.tab_container .tab_content { padding:10px 0;}
		div.tab_container .tab_content h2 { display:none;}


/*============================================================================================================*/
	h1{ font-size:20px; font-weight:normal; color:#000; line-height:40px;}
	h2{ font-size:18px; font-weight:1200; /*font-weight:normal; */text-transform:uppercase; color:#000; line-height:40px;}
	h3{ font-size:16px; font-weight:normal; color:#4483c4;/* font-style:italic;*/}
	h4{ font-size:15px; color:#4955a3;}
		h4 span{ display:block; font-style:italic; color:#44b3bc;}
	h5{}
	h6{ }
	p { padding:0 0 20px 0;}

.mark_new{ display:inline-block; margin:0 5px 0 0; padding:0px 6px; border-radius:4px; background:#D7483A; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.3); text-transform:uppercase;}
.iframe_map{ width:100%; height:260px; margin:0 0 25px 0;}


/*============================================================================================================*/
br.clear{ clear:both; height:0px; line-height:0px; font-size:1px;}
	.f_left{ float:left;}
	.f_right{ float:right;}
	.t_left{ text-align:left;}
	.t_right{ text-align:right;}
	.t_center{ text-align:center;}
	.d_block{ display:block;}


.row{ padding:0 0 25px 0;}

/*.web_form table{ width:100%;}
.web_form tr.bar   {  }
.web_form tr.barsub{}
.web_form td{ line-height:30px;}*/

.col{ border-bottom:1px dashed #aaa; padding:3px 10px; color:#555;}
.col.bar   { font-size:18px; border-bottom:1px solid rgba(75,110,190,1); background:rgba(0,0,0,.1); text-align:center;}
.col.barsub{ font-size:16px; border-bottom:1px solid #c6dbdd; background:rgba(128,128,128,.07); text-align:center;}
.col:first-child  { border-top:2px solid rgba(75,110,190,1);}
.col:nth-child(2n){ background:rgba(0,0,0,.02);}
.col i{ padding:0 5px 0 0;}
.col img { width:100px; float:left; margin:2px 10px 2px 0;}

	.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, 
	.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, 
	.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, 
	.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, 
	.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1{ float:left; padding:18px 10px 15px 10px; box-sizing:border-box;}

.col-lg-1 { width: 8.33333333%;}
.col-lg-2 { width:16.66666667%;}
.col-lg-3 { width:25%;}
.col-lg-4 { width:33.33333333%;}
.col-lg-5 { width:41.66666667%;}
.col-lg-6 { width:50%;}
.col-lg-7 { width:58.33333333%;}
.col-lg-8 { width:66.66666667%;}
.col-lg-9 { width:75%;}
.col-lg-10{ width:83.33333333%;}
.col-lg-11{ width:91.66666667%;}
.col-lg-12{ width:100%;}

section.index .col{}
	section.index .col-xs-12, section.index .col-xs-11, section.index .col-xs-10, section.index .col-xs-9, section.index .col-xs-8, section.index .col-xs-7,
		section.index .col-xs-6, section.index .col-xs-5, section.index .col-xs-4, section.index .col-xs-3, section.index .col-xs-2, section.index .col-xs-1, 
	section.index .col-sm-12, section.index .col-sm-11, section.index .col-sm-10, section.index .col-sm-9, section.index .col-sm-8, section.index .col-sm-7,
		section.index .col-sm-6, section.index .col-sm-5, section.index .col-sm-4, section.index .col-sm-3, section.index .col-sm-2, section.index .col-sm-1, 
	section.index .col-md-12, section.index .col-md-11, section.index .col-md-10, section.index .col-md-9, section.index .col-md-8, section.index .col-md-7,
		section.index .col-md-6, section.index .col-md-5, section.index .col-md-4, section.index .col-md-3, section.index .col-md-2, section.index .col-md-1, 
	section.index .col-lg-12, section.index .col-lg-11, section.index .col-lg-10, section.index .col-lg-9, section.index .col-lg-8, section.index .col-lg-7,
		section.index .col-lg-6, section.index .col-lg-5, section.index .col-lg-4, section.index .col-lg-3, section.index .col-lg-2, section.index .col-lg-1, 
	section.index .col-12, section.index .col-11, section.index .col-10, section.index .col-9, section.index .col-8, section.index .col-7,
		section.index .col-6, section.index .col-5, section.index .col-4, section.index .col-3, section.index .col-2, section.index .col-1{ padding:3px;}

article .col{}
	article .col-xs-12, article .col-xs-11, article .col-xs-10, article .col-xs-9, article .col-xs-8, article .col-xs-7,
		article .col-xs-6, article .col-xs-5, article .col-xs-4, article .col-xs-3, article .col-xs-2, article .col-xs-1, 
	article .col-sm-12, article .col-sm-11, article .col-sm-10, article .col-sm-9, article .col-sm-8, article .col-sm-7,
		article .col-sm-6, article .col-sm-5, article .col-sm-4, article .col-sm-3, article .col-sm-2, article .col-sm-1, 
	article .col-md-12, article .col-md-11, article .col-md-10, article .col-md-9, article .col-md-8, article .col-md-7,
		article .col-md-6, article .col-md-5, article .col-md-4, article .col-md-3, article .col-md-2, article .col-md-1, 
	article .col-lg-12, article .col-lg-11, article .col-lg-10, article .col-lg-9, article .col-lg-8, article .col-lg-7,
		article .col-lg-6, article .col-lg-5, article .col-lg-4, article .col-lg-3, article .col-lg-2, article .col-lg-1, 
	article .col-12, article .col-11, article .col-10, article .col-9, article .col-8, article .col-7,
		article .col-6, article .col-5, article .col-4, article .col-3, article .col-2, article .col-1{ padding:3px;}



.box_r{ padding-right:0;}
.box_l{ padding-left:0;}

.pt_0{ padding-top:0;}
.pb_0{ padding-bottom:0;}
.pl_0{ padding-left:0;}
.pr_0{ padding-right:0;}

.pl_20{ padding-left:20px}
.pl_30{ padding-left:30px}
.pl_40{ padding-left:40px}
.pl_50{ padding-left:50px}

.pr_20{ padding-right:20px}
.pr_30{ padding-right:30px}
.pr_40{ padding-right:40px}
.pr_50{ padding-right:50px}

.mt_0{ margin-top:0;}
.mb_0{ margin-bottom:0;}
.ml_0{ margin-left:0;}
.mr_0{ margin-right:0;}

.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}

.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}

.img_center{ vertical-align:central; text-align:center;}
.img_block img { display:inline; width:100%; height:auto;}
.img_block-max img { display:inline; max-width:90%; height:auto;}






/*===== 文字區 ===============================================================================================*/
.block{ display:block;}
.font_tranup{ text-transform:uppercase;}
.font_bold{ font-weight:bold;}
.font_italic{ font-style:italic;}
.font_10{ font-size:10px;}
.font_11{ font-size:11px;}
.font_12{ font-size:12px;}
.font_13{ font-size:13px;}
.font_14{ font-size:14px;}
.font_15{ font-size:15px;}
.font_16{ font-size:16px;}
.font_17{ font-size:17px;}
.font_18{ font-size:18px;}
.font_20{ font-size:20px;}
.font_22{ font-size:22px;}
.font_24{ font-size:24px;}

.font_black { color:#000; }
.font_gray  { color:#aaa;}
.font_white { color:#fff;}
.font_green { color:#6d913a;}
.font_blue  { color:#2484c3;}
.font_dblue { color:#0022ff;}
.font_yellow{ color:#f6eb8a;}
.font_orange{ color:#C60;}
.font_red   { color:#d7483a;}
.font_dred  { color:#ae2d28;}
.font_brown { color:#551e02;}
.font_coffee{ color:#c58933;}
.font_purple{ color:#a362ad;}


.icon_title  { padding-left:20px; background:url(../images/icon_arrow_blue.gif) left 5px no-repeat;}
.icon_title01{ padding-left:20px; background:url(../images/icon_dot.gif) top left no-repeat;}

.line_gray{ background:rgba(198,198,198,1); height:7px; margin:10px 0; border:0; padding:0;}



/*===== 按鈕區 ===============================================================================================*/
.btn_num{ width:85%; margin:10px auto; text-align:center; font-size:13px; color:#777;}
.btn_num a{ padding:3px 6px; margin:0 2px; color:#777; background:#fff; border:1px solid rgba(0,0,0,.3);}
.btn_num a.stay ,
.btn_num a:hover{ color:#fff; background:rgba(75,110,190,1); border:1px solid rgba(0,0,0,.5); font-weight:bold;}

.btn_black01{ font-family:"微軟正黑體", "Century Gothic", Arial, Helvetica, sans-serif; border:0; margin:0 2px; padding:5px 20px; font-size:15px; color:#444; background:#eee; cursor:pointer;}
.btn_black02{ font-family:"微軟正黑體", "Century Gothic", Arial, Helvetica, sans-serif; border:0; margin:0 2px; padding:5px 20px; font-size:15px; color:#fff; background:#fe5858; text-shadow:0 0 4px rgba(0,0,0,.8); cursor:pointer;}

a.buy{ padding:5px 20px; font-size:15px; background:#eee;}		
a.buy i{ padding:0 5px 0 0;}
a.buy:hover{ background:#fe5858; color:#fff; text-shadow:0 0 4px rgba(0,0,0,.8);}

a.icon_link{ font-size:20px; padding:0 6px; margin:0 2px; color:#0594C8; border:1px solid rgba(0,0,0,.1); border-radius:10px; background:#fff;}
a.icon_link:hover{ color:rgba(40,75,187,1.00);}


/*===== 表格區 ===============================================================================================*/
.web_form { margin:0 0 35px 0;}
.web_form table{ width:100%; border-top:2px solid rgba(75,110,190,1);}
.web_form tr.bar   { font-size:18px; border-bottom:1px solid rgba(75,110,190,1); background:rgba(0,0,0,.1); }
.web_form tr.barsub{ font-size:16px; border-bottom:1px solid #c6dbdd; background:rgba(128,128,128,.07);}
.web_form td{ line-height:30px; padding:3px 10px; color:#555; border-bottom:1px dashed #aaa;}
.web_form td.title  { padding-left:20px; background:url(../images/icon_arrow_blue.gif) left 5px no-repeat;}
.web_form td.title01{ padding-left:20px; background:url(../images/icon_dot.gif) top left no-repeat;}

.web_form td span.line{ display:block; border-left:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);}
.web_form td img { width:100px; float:left; margin:2px 10px 2px 0;}
.web_form tr:nth-child(2n){ background:rgba(0,0,0,.02);}



/*----- text_bar --------------------------------------------------------------------------------------*/
.text_bar1{width:100%; height:30px; padding:3px 10px; border:1px solid rgba(0,0,0,.15); color:rgba(0,0,0,.6); box-sizing:border-box;
           font-size:15px; line-height:30px; background:rgba(255,255,255,1); margin:2px 0; font-family:"微軟正黑體", "Century Gothic", Arial, Helvetica, sans-serif;}
.text_bar2{width:100%; height:155px; padding:3px 10px; border:1px solid rgba(0,0,0,.15); color:rgba(0,0,0,.6); box-sizing:border-box;
           font-size:15px; line-height:30px; background:rgba(255,255,255,1); margin:2px 0; font-family:"微軟正黑體", "Century Gothic", Arial, Helvetica, sans-serif;}
.text_bar3{width:40%; height:30px; padding:3px 10px; border:1px solid rgba(0,0,0,.15); color:rgba(0,0,0,.6); box-sizing:border-box; margin:0 2px 0 0;
           font-size:15px; line-height:30px; background:rgba(255,255,255,1); margin:2px 0; font-family:"微軟正黑體", "Century Gothic", Arial, Helvetica, sans-serif;}
.text_bar4{width:18%; height:30px; padding:3px 10px; border:1px solid rgba(0,0,0,.15); color:rgba(0,0,0,.6); box-sizing:border-box; margin:0 2px 0 0;
           font-size:15px; line-height:30px; background:rgba(255,255,255,1); margin:2px 0; font-family:"微軟正黑體", "Century Gothic", Arial, Helvetica, sans-serif;}
.text_bar5{width:60%; height:30px; padding:3px 10px; border:1px solid rgba(0,0,0,.15); color:rgba(0,0,0,.6); box-sizing:border-box; margin:0 2px 0 0;
           font-size:15px; line-height:30px; background:rgba(255,255,255,1); margin:2px 0; font-family:"微軟正黑體", "Century Gothic", Arial, Helvetica, sans-serif;}

.text_bar1:focus, .text_bar2:focus, .text_bar3:focus, .text_bar4:focus, .text_bar5:focus{ background:rgba(190,230,250,.3); color:rgba(0,0,0,.6); border:1px solid rgba(0,0,0,.08);}		

#pagination{
	clear:both;
	font-size:12px;
	text-align:right;
	margin:auto;
}

#pagination ul {
list-style-position:outside;
list-style:none;
line-height:16px;
padding:2px 0;
}

#pagination li {
list-style:none;
display:inline;
}

#pagination.digg {
margin:3px;
padding:3px;
}

#pagination.digg a {
border:1px solid #AAD;
text-decoration:none;
color:#009;
margin:3px;
padding:3px;
}

#pagination.digg a:hover,div.pagination.digg a:active {
border:1px solid #009;
color:#000;
}

#pagination.digg li.current {
border:1px solid #009;
font-weight:700;
background-color:#009;
color:#FFF;
margin:3px;
padding:3px;
}

#pagination.digg li.disabled {
border:1px solid #EEE;
color:#DDD;
margin:3px;
padding:3px;
}

/*Vidro嵌入*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}