/* Copyright (C) 2015 - 2019 RWD-ECSHOP台灣 */
/* 基礎樣式 - Base Styles */

body {
    background: #f5f5f5 !important;
}

.clear {
    clear: both;
}

.full-div{
    width:100%;
    height:auto
}

/*filter effect*/
a:hover,button,button:hover{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
}

.cursor-pointer {
    cursor: pointer;
}

.color-scheme-light {
    color: rgba(255,255,255,.7);
}

.text-center {
    text-align: center;
}

.hidden-xs.hidden-sm img {
    width: 100%;
    height: auto;
    margin: 10px 0;
}

.center{
    text-align:center
}

.hidden{
    display:none
}

/* Reset styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}

body{
    line-height:1
}

blockquote,q{
    quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}

:focus{
    outline:0
}

ins{
    text-decoration:none
}

del{
    text-decoration:line-through
}

li{
    list-style:none
}

table{
    width:100%;
    line-height:1.5em;
    border-collapse:collapse;
    border-spacing:0
}

/* Clearfix */
.clearfix:after, .container_sr:after{
    content:'\0020';
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    max-height:0
}

.clearfix, .container_sr{
    display:inline-block
}

* html .clearfix, * html .container_sr{
    height:1%
}

.clearfix, .container_sr{
    display:block
}

.clearer{
    background:none;
    border:0;
    clear:both;
    display:block;
    float:none;
    font-size:0;
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0
}

/* Typography */
html{
    color:#333;
    font-size:12px;
    font-family:'Microsoft YaHei','微軟雅黑',Helvetica, Arial,sans-serif;
    text-align:left;
    background-color:#fff
}

strong, th, thead td, h1, h2, h3, h4, h5, h6{
    font-weight:bold
}

h1{font-size:1.9em}
h2{font-size:1.7em}
h3{font-size:1.5em}
h4{font-size:1.3em}
h5{font-size:1.2em}
h6{font-size:1em}

cite, em, dfn{ 
    font-style: normal
}

code, kbd, samp, pre, tt, var, button, input, select, textarea{
    font-family:Helvetica, Arial,sans-serif;
    font-size:92%
}

input { 
    line-height: 1.5em !important;
}

a{
    color:#444;
    text-decoration:none;
    outline:none
}

a:hover{
    color:#f60;
    text-decoration:underline
}

hr{
    background:#ddd;
    color:#ddd;
    clear:both;
    float:none;
    width:100%;
    height:.1em;
    margin:.5em 0;
    border:none
}

hr.space{
    background:#fff;
    color:#fff
}

.space {
    width: 100%;
    height: 20px;
}

/* Layout */
#header, #content, #footer, #top{
    display:table;
    width:100%
}

.container_sr{
    width:980px;
    margin:0px auto;
    padding:0 10px;
    clear:both
}

#content{
    padding:5px 0 20px
}

.col_main, .col_sub{
    display:inline;
    float:left
}

.col_main{
    width:760px;
    margin-left:220px
}

.col_sub{
    width:200px;
    margin-left:-980px
}

.right_sidebar .col_main{
    margin-left:0
}

.right_sidebar .col_sub{
    margin-left:15px
}

/* Utils */
.market_price{
    color:#555;
    text-decoration:line-through
}

label{
    cursor:pointer
}

input, select{
    cursor:pointer
}

input[type='text'],input[type='password']{
    cursor:text
}