@charset "utf-8";
/* CSS Document */
/* TYPOGRAPHY
----------------------------------------------------------- */
body, .inputbox { color: #333; background: #FFFFFF; font-size: 1em; line-height: 1.7; font-family: Open Sans, "微軟正黑體", Microsoft JhengHei!important; }
h3 { font-weight:bold; margin-bottom: 8px; font-size: 1.6em; margin-top: 0; color: #313133; }
h4 { margin-top: 14px; font-size: 1.4em; margin-bottom: 0.5em; font-weight: bold; color: #4a4aa1; }
.logo-rw { background: #f6f6f6 url(/images/images/etrendtech-logo-white.png) no-repeat 98% 115%; }
.aboutus td { padding: 30px; width: 50%; vertical-align: top; border: 2px solid #FFF; }
p { padding:5px; padding-left:0px; padding-right:0px; }
.module_round_box_outer ul, .moduletable ul { list-style: none; }
.contentpaneopen ul { list-style:disc; margin-left:10px; margin-right:10px; }
ol { margin-top: 5px; margin-bottom: 5px; }
ol li { padding:2px; margin-right:15px; margin-left: 15px; }
blockquote { background:transparent url(../images/typography/s5_left_quote.png) no-repeat top left; font-style:italic; line-height:150%; margin:20px 0pt; padding:0px 0px 5px 65px; width:auto; }
blockquote p { background:transparent url(../images/typography/s5_right_quote.png) no-repeat bottom right; margin-top:0pt; padding:0pt 65px 10px 0pt; }
.code { background:#EBEAEA; border-left:solid 5px #666666; color:#666666; font-family:monospace; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5; margin-top:15px; margin-bottom:15px; padding:10px 20px; padding-top:20px; padding-bottom:20px; font-size:1.4em; }
ul.ul_arrow li { background:transparent url(../images/typography/s5_ul_arrow.png) no-repeat top left; padding:3px; padding-left:18px; padding-right:18px; list-style:none; }
#s5_component_wrap ul.ul_arrow { padding-left:0px; margin-left:0px; margin-right:0px; list-style-type:none; }
ul.ul_star li { background:transparent url(../images/typography/s5_ul_star.png) no-repeat top left; line-height: 17px; list-style: none outside none; margin-top: 12px; padding: 0 16px 0 24px; }
#s5_component_wrap ul.ul_star { line-height: 21px; list-style-type: none; margin-left: 0; margin-right: 0; padding-left: 0; }
ul.ul_bullet li { background:transparent url(../images/typography/s5_ul_bullet.png) no-repeat top left; padding:3px; padding-left:23px; padding-right:18px; list-style:none; }
#s5_component_wrap ul.ul_bullet { padding-left:0px; margin-left:0px; margin-right:0px; list-style-type:none; }
#s5_component_wrap ul.ul_numbers { padding-left:0px; margin-left:0px; margin-right:0px; list-style-type:none; }
ul.ul_numbers li { padding-top:6px; padding-left:36px; }
li.li_number1 { background:transparent url(../images/typography/s5_li_number1.png) no-repeat top left; padding-top:8px; padding-bottom:22px; list-style-type:none; padding-right:18px; padding-left:40px; }
li.li_number2 { background:transparent url(../images/typography/s5_li_number2.png) no-repeat top left; padding-top:8px; padding-bottom:22px; list-style-type:none; padding-right:18px; padding-left:40px; }
li.li_number3 { background:transparent url(../images/typography/s5_li_number3.png) no-repeat top left; padding-top:8px; padding-bottom:22px; list-style-type:none; padding-right:18px; padding-left:40px; }
li.li_number4 { background:transparent url(../images/typography/s5_li_number4.png) no-repeat top left; padding-top:8px; padding-bottom:22px; list-style-type:none; padding-right:18px; padding-left:40px; }
li.li_number5 { background:transparent url(../images/typography/s5_li_number5.png) no-repeat top left; padding-top:8px; padding-bottom:22px; list-style-type:none; padding-right:18px; padding-left:40px; }
li.li_number6 { background:transparent url(../images/typography/s5_li_number6.png) no-repeat top left; padding-top:8px; padding-bottom:22px; list-style-type:none; padding-right:18px; padding-left:40px; }
li.li_number7 { background:transparent url(../images/typography/s5_li_number7.png) no-repeat top left; padding-top:8px; padding-bottom:22px; list-style-type:none; padding-right:18px; padding-left:40px; }
li.li_number8 { background:transparent url(../images/typography/s5_li_number8.png) no-repeat top left; padding-top:8px; padding-bottom:22px; list-style-type:none; padding-right:18px; padding-left:40px; }
li.li_number9 { background:transparent url(../images/typography/s5_li_number9.png) no-repeat top left; padding-top:8px; padding-bottom:22px; list-style-type:none; padding-right:18px; padding-left:40px; }
.red_box { background:#FFD6D6; border:solid 1px #EF706F; color:#CC0000; padding:6px 6px 6px 15px; }
.red_box a, #s5_component_wrap_inner .red_box a { color:#CC0000; font-weight:bold; text-decoration:underline; }
.blue_box { background:#D0DCEC; border:solid 1px #5B95DA; color:#1B6FC2; padding:6px 6px 6px 15px; }
.blue_box a, #s5_component_wrap_inner .blue_box a { color:#1B6FC2; font-weight:bold; text-decoration:none; }
.green_box { background:#EEF7DD; border:solid 1px #40AB38; color:#40AB38; padding:6px 6px 6px 15px; }
.green_box a, #s5_component_wrap_inner .green_box a { color:#40AB38; font-weight:bold; text-decoration:underline; }
.orange_box { background:#FEF6D8; border:solid 1px #755102; color:#755102; padding:6px 6px 6px 15px; }
.orange_box a, #s5_component_wrap_inner .orange_box a { color:#755102; font-weight:bold; text-decoration:underline; }
.yellow_box { background:#F4F5B9; border:solid 1px #757402; color:#757402; padding:6px 6px 6px 15px; }
.yellow_box a, #s5_component_wrap_inner .yellow_box a { color:#757402; font-weight:bold; text-decoration:underline; }
.gray_box { background:#FFFFFF; border:solid 1px #9D9D9D; color:#4B4B4B; padding:6px 6px 6px 15px; }
.gray_box a, #s5_component_wrap_inner .gray_box a { color:#4B4B4B; font-weight:bold; text-decoration:underline; }
.black_box { background:#333333; border:solid 1px #4D4D4D; color:#FFFFFF; padding:6px 6px 6px 15px; }
.black_box a, #s5_component_wrap_inner .black_box a { color:#FFFFFF; font-weight:bold; text-decoration:underline; }
.boxed { color:#FFFFFF; background: none repeat scroll 0 0 #323232; border: 1px solid #BFBEBE; margin-right: 0; padding: 5px; float:left; margin:0px; margin-bottom:14px; }
.boxed_black { background:#1A1A1A; padding:3px; margin-right:10px; margin-bottom:8px; -webkit-transition: background 200ms ease-out; -moz-transition: background 200ms ease-out; -o-transition: background 200ms ease-out; transition: background 200ms ease-out; }
.boxed_black:hover { background:#414141; -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; -o-transition: background 200ms ease-in; transition: background 200ms ease-in; }
.padded, .img-intro-right img, .img-intro-left img, .img-fulltext-right img, .img-fulltext-left img, .pull-left img { float:left; background:#FFFFFF; }
.padded { padding:10px; border:solid 1px #E9E9E9; -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.05); /* FF3.5+ */ -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.05); /* Saf3.0+, Chrome */ box-shadow: 0 0px 12px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, Chrome 10+ */ -webkit-transition: background 200ms ease-out; }
a:hover .padded { -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2); /* FF3.5+ */ -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2); /* Saf3.0+, Chrome */ box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2); /* Opera 10.5, IE9, Chrome 10+ */ }
.img-intro-right img, .img-fulltext-right img, .pull-right img { float:right; }
#s5_component_wrap .padded { float:none; margin:0px; margin-bottom:14px; }
.img-intro-right, .img-fulltext-right, .pull-right img { margin-left:26px; margin-bottom:28px; }
.img-intro-left, .img-fulltext-left, .pull-left img { margin-right:26px; margin-bottom:28px; }
.black_bg { background:#2E2E2E; color:#FFFFFF !important; padding:12px; padding-bottom:15px; padding-top:20px; font-size:2.8em !important; display:inline; }
.s5_greenbox { position:relative; padding:12px; -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* FF3.5+ */ -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Saf3.0+, Chrome */ box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Opera 10.5, IE9, Chrome 10+ */ color:#ffffff; background:#185564; }
.s5_greenbox a { color:#ffffff; }
.s5_greenbox .point { padding-left:42px; background:transparent url(../images/typography/s5_alert.png) no-repeat center left; }
.s5_graybox { position:relative; padding:12px; color:#313131; -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* FF3.5+ */ -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Saf3.0+, Chrome */ box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Opera 10.5, IE9, Chrome 10+ */ background:#e6e6e6; }
.s5_graybox a { color:#313131; }
.s5_graybox .point { padding-left:42px; background:transparent url(../images/typography/s5_alert.png) no-repeat center left; }
.s5_bluebox { position:relative; padding:12px; -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* FF3.5+ */ -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Saf3.0+, Chrome */ box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Opera 10.5, IE9, Chrome 10+ */ color:#ffffff; background:#22ace5; }
.s5_bluebox a { color:#ffffff; }
.s5_bluebox .point { padding-left:42px; background:transparent url(../images/typography/s5_alert.png) no-repeat center left; }
.s5_redbox { position:relative; padding:12px; -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* FF3.5+ */ -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Saf3.0+, Chrome */ box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Opera 10.5, IE9, Chrome 10+ */ color:#ffffff; background:#ff5858; }
.s5_bluebox a { color:#ffffff; }
.s5_redbox .point { padding-left:42px; background:transparent url(../images/typography/s5_alert.png) no-repeat center left; }
#contact-form .button { margin-top:14px; margin-bottom:14px; }
/* PRICING TABLE
----------------------------------------------------------- */	
.s5_pricetable_7, .s5_pricetable_6, .s5_pricetable_5, .s5_pricetable_4, .s5_pricetable_3, .s5_pricetable_2, .s5_pricetable_1 { padding-top:50px; }
.s5_pricetable_7, .s5_pricetable_6, .s5_pricetable_5, .s5_pricetable_4, .s5_pricetable_3, .s5_pricetable_2, .s5_pricetable_1 { padding-bottom:25px; }
.s5_pricetable_7 .s5_pricetable_column { width:13.5%; }
.s5_pricetable_6 .s5_pricetable_column { width:15.5%; }
.s5_pricetable_5 .s5_pricetable_column { width:19.5%; }
.s5_pricetable_4 .s5_pricetable_column { width:24.5%; }
.s5_pricetable_3 .s5_pricetable_column { width:32.5%; }
.s5_pricetable_2 .s5_pricetable_column { width:49.5%; }
.s5_pricetable_1 .s5_pricetable_column { width:100%; }
.s5_pricetable_column.recommended { margin-top: -22px; padding-bottom: 23px; background:#333333; color:#ffffff; position: relative; margin-left: -1px; margin-right: -1px; border: medium none; }
.s5_pricetable_column { border:1px solid #cccccc; text-align:center; padding-bottom: 10px; background:#ffffff; float:left; }
.s5_pricetable_column_padding { padding:20px; }
.s5_pricetable_column .s5_title { font-size: 2.2em; margin-bottom: 40px; padding: 17px 14px; color:#ffffff; background:#333333; }
.s5_pricetable_column.recommended .s5_title { color:#000000; background:#ffffff; }
.s5_pricetable_column .s5_horizontalrule { height:1px; margin-bottom: 26px; background:#e1e1e1; }
.s5_pricetable_column .s5_options { font-size: 1.1em; margin-bottom: 25px; line-height: 32px; margin-top: 25px; text-align: center; }
.s5_pricetable_column a.s5_pricetable { text-decoration:none; text-align:center; }
.s5_buttoncenter { text-align:center; }
.s5_pricetable_column .price { line-height: 42px; font-size:5.1em; }
.s5_pricetable_column .dollarsign { font-size: 1.4em; vertical-align: top; }
.s5_pricetable_column .month { vertical-align: text-top; font-size: 1.1em; }
table, table td { border-collapse: collapse; }
table.history th, table.history td { padding:1.5em 0; }
table.history th { font-style: italic; background: #FFF; color: #007ec4; font-size: 1.5em; border-top: none; border-bottom: 4px solid #e0e0e0; font-family: "Open Sans"; font-weight: normal; line-height: 0em; }
table.history td { border-top:none; border-bottom:1px dotted #bbb; padding-left:15px; }
.table-striped td { vertical-align:middle; }
.welfare td { padding:1em 0; }
.welfare h4 { background:url(/images/images/Audience.png) no-repeat 0 center; padding-left: 27px; color: #3466ad; }
.welfare ul { margin-left:50px!important; }
table.category td { padding: 1em 0.5em; }
.table-bordered { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; }
.table { width: 100%; margin-bottom: 20px; }
table { max-width: 100%; border-spacing: 0; }
table.table th { background:#58b3e3!important; color: #FFF; vertical-align: middle; text-align: center; }
.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; }
.table th { font-weight: bold; }
.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
.table { width: 100%; margin-bottom: 20px; }
table.table th{ color:#FFF!important;}
.table th, .table td { padding: 8px; line-height: 20px;vertical-align: top; border-top: 1px solid #dddddd; }
.table th { font-weight: bold; }
.table thead th { vertical-align: bottom; }
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; }
.table tbody + tbody { border-top: 2px solid #dddddd; }
.table-condensed th, .table-condensed td { padding: 4px 5px; }
.table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse;
border-left: 0;/* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */ }
.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; }
.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -moz-border-radius-bottomright: 4px; }
 .table-striped tbody tr:nth-child(odd) td {
 background-color: #f9f9f9;
}
.table-hover tbody tr:hover td { background-color: #f5f5f5; }
 @media screen and (max-width: 970px) {
 .s5_pricetable_column {
 margin-bottom:45px;
 float:none;
}
 .s5_pricetable_column.recommended {
 margin-top:0px;
}
 .s5_pricetable_7 .s5_pricetable_column {
width:100%;
}
 .s5_pricetable_6 .s5_pricetable_column {
width:100%;
}
 .s5_pricetable_5 .s5_pricetable_column {
width:100%;
}
 .s5_pricetable_4 .s5_pricetable_column {
width:100%;
}
 .s5_pricetable_3 .s5_pricetable_column {
width:100%;
}
 .s5_pricetable_2 .s5_pricetable_column {
width:100%;
}
}
th { font-weight: bold; padding: 5px 0; text-align: left; }
.s5_video_container { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; }
.s5_video_container iframe, .s5_video_container object, .s5_video_container embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.white_text { color:#FFFFFF !important; }
.highlight1_button, .highlight2_button { font-size:1.5em; text-shadow:1px 1px #5D5D5D; padding:14px; padding-left:28px; padding-right:32px; color:#FFFFFF; cursor:pointer; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; display:inline-block; text-decoration:none !important; }
.icon_circle { background:#333333; font-size:2.7em; padding:18px; color:#FFFFFF; -webkit-border-radius:500px; -moz-border-radius: 500px; border-radius:500px; }
.featured_image { float:left; margin-left:-62px; margin-right:-5px; }
.stock th { background: #FFF; border-bottom: 1px dotted #ddd; padding-bottom: 0; padding-left: 0; }
.stock h3 a { color: #313131; }
.stock h3 { width: auto; border-bottom: 3px solid #efefef; margin-bottom: 0!important; float: left; font-size: 1.6em; margin-top: 40px; font-weight: bold; }
.stock td li { list-style: none; background: url(/templates/design_control/images/new-list-icon.gif) no-repeat left 16px; padding-left: 15px; display: block; padding: 6px 0 6px 15px; }
.stock ul { margin-left: 0!important; padding:0;}
.stock td a{ text-decoration:none; color:#007ec4!important; }
.stock h3 a { color: #313131!important; }
.stock td { padding: 0.2em; vertical-align: top; }
editor.css:96 table, table td {
 border-collapse: collapse;
}