@charset "UTF-8";
.tdpad{padding:8px!important}
h1{font-family:'PT Sans',sans-serif;font-size:28px!important;color:#000!important;margin-left:16px!important;display:block!important;padding-top:10px!important;padding-bottom:10px!important}
.selectbox_small{background:#fff;border:1px solid #DDD;border-radius:5px;box-shadow:0 0 5px #DDD inset;color:#666;outline:none;height:30px;width:55px;font-size:12px;color:#313131}
.table_border_bottom td{padding:10px!important;border-bottom:solid #DCDCDC 1px;font-size:14px}
.home_smallbox_container{display:block;width:100%;margin-top:18px}
.home_smallbox_left{float:left;text-align:left;width:323px;height:228px;min-height:228px;border-style:solid;border-width:1px;border-color:#e1e1e1}
.home_smallbox_mid{float:left;text-align:left;width:324px;height:228px;min-height:228px;border-style:solid;border-width:1px;border-color:#e1e1e1;margin-left:5px;margin-bottom:10px}
.home_rightbanner{float:right;width:195px;height:228px;min-height:228px;border-style:solid;border-width:1px;border-color:#e1e1e1;margin-bottom:10px}
.home_title_1row{display:block;margin-top:5px;margin-left:10px;margin-bottom:5px;font-family:'PT Sans',sans-serif;font-size:18px;color:#588EB0;line-height:30px;vertical-align:middle}
.home_title_2row{display:block;margin-top:5px;margin-left:10px;margin-bottom:5px;font-family:'PT Sans',sans-serif;font-size:18px;color:#588EB0;line-height:18px;vertical-align:middle}
.home_box_thumb{display:block;margin:0 auto;padding-bottom:5px}
.home_box_point{width:99%;font-size:12px;line-height:20px;letter-spacing:-.3px}
.home_box_point ul{margin-top:0}
.home_box_point li{margin-left:-14px;list-style:url(../../../public/common/services/images/point.png)}
.home_box_point a{color:#666}
.button_small{font-size:14px;font-family:Arial;font-weight:400;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border:1px solid #dcdcdc;padding:5px 12px;text-decoration:none;background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);background:-ms-linear-gradient(top,#ededed 5%,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ededed),color-stop(100%,#dfdfdf));background-color:#ededed;color:#777;display:inline-block;text-shadow:1px 1px 0 #fff;-webkit-box-shadow:inset 1px 1px 0 0 #fff;-moz-box-shadow:inset 1px 1px 0 0 #fff;box-shadow:inset 1px 1px 0 0 #fff;margin-bottom:3px}
.button_small:hover{behavior:url(/public/common/services/scripts/border-radius.htc);background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);background:-ms-linear-gradient(top,#dfdfdf 5%,#ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',endColorstr='#ededed');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#dfdfdf),color-stop(100%,#ededed));background-color:#dfdfdf}
.button:active{behavior:url(/public/common/services/scripts/border-radius.htc);position:relative;top:1px}
.blue_text{color:#588EB0;font-size:14px font-zid}
.box_noborder_align_title{position:relative;width:98%;margin-left:18px;font-size:14px;display:block}
.table_border_bottom td{border-bottom:solid #DCDCDC 1px;font-size:14px}
.inbox_title{font-size:14px;color:#4F7DAC}
.product_listing{display:inline-block;float:left;width:130px;height:130px;text-align:center;padding:2px}
.footer_mobile{display:none}
.footer_desktop{display:block;clear:both}
.loginbox_container{position:relative;width:100%;background-color:#ECECEC}
.loginbox{display:block;width:60%;float:left}
.registerbox{display:block;width:40%;float:right}
.regbox_height{height:220px}
.regbox_height td{padding:18px!important}
.button_pos{text-align:center}
.sep_left{width:50%;float:left}
.sep_right{width:50%;float:right}
.img_pos_right{float:right}
.img_pos_left{float:left}
.sans_Content_title{font-size:30px;letter-spacing:-1px;line-height:54px;font-family:'PT Sans',sans-serif;color:#4F7DAC}
.sans_inContent_header{font-size:18px;letter-spacing:0;padding_top:0;padding_bottom:5px;color:#4F7DAC}
.text_content{font-size:13px;line-height:18px;color:#282828}
.table_list td{padding:5px!important}
.button{font-size:16px;font-family:Arial;font-weight:400;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border:1px solid #dcdcdc;padding:8px 18px;text-decoration:none;background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);background:-ms-linear-gradient(top,#ededed 5%,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ededed),color-stop(100%,#dfdfdf));background-color:#ededed;color:#777;display:inline-block;text-shadow:1px 1px 0 #fff;-webkit-box-shadow:inset 1px 1px 0 0 #fff;-moz-box-shadow:inset 1px 1px 0 0 #fff;box-shadow:inset 1px 1px 0 0 #fff;margin-bottom:3px;text-align:center}
.button:hover{behavior:url(/public/common/services/scripts/border-radius.htc);background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);background:-ms-linear-gradient(top,#dfdfdf 5%,#ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',endColorstr='#ededed');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#dfdfdf),color-stop(100%,#ededed));background-color:#dfdfdf}
.button:active{behavior:url(/public/common/services/scripts/border-radius.htc);position:relative;top:1px}
.main_container{width:988px;position:relative;margin:0 auto}
.menubar_left{float:left}
.menubar_right{float:right}
.navbar-brand{display:none}
.row_spacer{clear:both;height:18px}
.col_left{display:block;width:92%}
.box{border-style:solid;border-color:#ececec;border-width:1px;width:95%;padding:20px;margin:0 auto;font-size:14px;display:block;position:relative;overflow:auto;clear:both}
.box_noborder{position:relative;width:84%;padding:20px;margin:0 auto;font-size:14px;clear:both}
.greybox{width:95%;padding:20px;text-align:left;margin:0 auto;background-color:#ECECEC;font-size:14px}
.textbox{background:#fff;border:1px solid #DDD;border-radius:5px;box-shadow:0 0 5px #DDD inset;color:#666;outline:none;height:25px;width:275px;font-size:12px;color:#313131;margin-bottom:2px}
.selectbox{background:#fff;border:1px solid #DDD;border-radius:5px;box-shadow:0 0 5px #DDD inset;color:#666;outline:none;height:30px;width:280px;font-size:12px;color:#313131}
.step_container{display:inline-block;color:#e1e1e1;margin:0 auto;width:100%}
.step_border_selected{font-size:14px;color:#fff;line-height:30px;width:140px;height:auto;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background-color:#588eb0;padding:8px 16px}
.step_border_selected a{color:#fff}
.step_border{font-size:14px;color:#C3C3C3;line-height:30px;width:140px;height:auto;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background-color:#ECECEC;padding:8px 16px}
.step_border a{color:#C3C3C3}
.right_content{position:relative;text-align:left;width:750px!important;height:auto;display:block;float:right}
.canonplus_box{position:relative;width:95%;padding:20px;margin:0 auto;font-size:12px}
.canonplus_left{float:left;border-right:solid 1px #f1f1f1;width:50%}
.canonplus_right{float:right;width:48%}
.canonplus_bluebox{width:99%;padding:15px;background-color:#61A8C7;font-size:20px;color:#FFF;font-family:'PT Sans',sans-serif;display:block;font-weight:lighter}
.canonplus_greybox{width:99%;padding:15px;background-color:#e1e1e1;font-size:20px;color:#666;font-family:'PT Sans',sans-serif;display:block;font-weight:lighter}
.canonplus_contenttext{font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;padding:8px;display:block}
@media screen and (min-width: 768px) {
.contact_hotline{float:right;margin-right:20px;margin-top:-2px}
.navigation{display:block;padding:5px;width:100%;font-size:11px;color:#212121;text-align:left;margin:0}
.top_banner{display:block;width:986px;height:auto;border-color:#EEE;border-style:solid;border-width:1px;clear:both}
.top_banner_img{display:block;width:986px;height:auto}
.top_banner_mob{display:none}
.sidebar-nav .navbar .navbar-collapse{padding:0;max-height:none}
.sidebar-nav .navbar ul{float:none}
.sidebar-nav .navbar ul:not{display:block}
.sidebar-nav .navbar li{float:none;display:block}
.sidebar-nav .navbar li a{padding-top:8px;padding-bottom:8px}
.navbar-inverse li:hover{background-image:url(../images/menu_bar_rollover.jpg);background-repeat:repeat-x}
.dropdown:hover > .dropdown-menu{display:block}
.dropdown-submenu{position:relative;background-image:none!important}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px;background-image:none!important}
.dropdown-submenu:hover>.dropdown-menu{display:block;background-image:none!important}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px;background-image:none!important}
.dropdown-submenu:hover>a:after{border-left-color:#fff;background-image:none!important}
.dropdown-submenu.pull-left{float:none;background-image:none!important}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;background-image:none!important}
.leftmenu{display:block;border-left:solid 5px #ececec;background-color:#fff;border-right:solid 1px #ececec;border-top:solid 1px #ececec;border-bottom:solid 1px #ececec}
.leftmenu >li{border-bottom:solid 1px #e1e1e1}
.leftmenu >li:hover{margin-left:-5px;margin-top:-1px;border-left:#7AB3C9;border-left-width:5px;border-style:solid;border-top:#ececec;border-right:#ececec;border-bottom:#ececec;background-color:#ececec}
.leftmenu >li:hover>a:after{border-bottom:solid 1px #e1e1e1;background-color:#f1f1f1}
.dropdown_pos{top:auto;margin-left:-4px}
.menubar_sepline{background-image:url(../images/menu_bar_sepline.jpg);width:1px;height:45px;display:block}
.menubar_text{font-family:Microsoft JhengHei,Microsoft YaHei,Apple LiGothic Medium,Arial,Helvetica,sans-serif;font-weight:lighter;padding-left:15px;padding-right:15px}
}
@media screen and (max-width: 768px) {
.box{border-style:solid;border-color:#ececec;border-width:1px;width:90%;padding:8px;margin:0 auto;font-size:14px}
.right_content{position:relative;text-align:left;width:98%!important;height:auto;display:block;float:none;clear:both}
.greybox{width:75%;padding:15px;text-align:left;margin:0 auto;background-color:#ECECEC;font-size:12px}
.main_container{width:auto}
.navbar-brand{display:inline-block}
.navbar{background-image:none!important}
.navbar-inverse{background-color:#222;border-color:#080808}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808!important;background-image:none!important}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808!important;background-image:none!important}
.menubar_left{display:none}
.menubar_right{display:none}
.dropdown-submenu >.dropdown-menu{display:block;background-image:none!important}
.navigation{display:block;padding:5px;width:100%;font-size:11px;color:#212121;text-align:left;margin-top:auto}
.top_banner{display:none}
.top_banner_mob{display:block;width:100%;clear:both}
.top_banner_mob img{display:block;width:100%}
.contact_hotline{display:none}
.col_left{display:block;width:90%;margin:0 auto!important}
.textbox{background:#fff;border:1px solid #DDD;border-radius:5px;box-shadow:0 0 5px #DDD inset;color:#666;outline:none;height:25px;width:98%}
.selectbox{background:#fff;border:1px solid #DDD;border-radius:5px;box-shadow:0 0 5px #DDD inset;color:#666;outline:none;height:25px;width:98%}
.step_container{display:block;color:#e1e1e1;margin:0 auto;width:90%;margin-top:-30px}
.step_border_selected{font-size:12px;color:#558eb0;line-height:20px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;background-color:#fff;padding:4px 8px}
.step_border_selected a{color:#e1e1e1}
.step_border{font-size:12px;color:#C3C3C3;line-height:20px;width:auto;height:auto;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;background-color:#fff;padding:4px 8px}
.step_border a{color:#C3C3C3}
.footer_mobile{display:block;clear:both;font-size:11px;color:#666}
.loginbox{display:block;width:100%;clear:both}
.registerbox{display:block;width:100%;clear:both}
.regbox_height{height:auto}
.img_pos_right{float:none;clear:both;display:block;margin:0 auto;margin-bottom:3px}
.img_pos_left{float:none;clear:both;display:block;margin:0 auto;margin-bottom:3px}
.imgsize{display:block;width:95%;margin:0 auto}
.sep_left{width:95%;float:none;display:block;margin:0 auto;margin-bottom:3px}
.sep_right{width:95%;float:none;display:block;margin:0 auto;margin-bottom:3px}
.button{width:80%;display:block;margin-bottom:3px}
.canonplus_left{float:none;border:solid 1px #f1f1f1;width:100%;clear:both;margin-bottom:5px}
.canonplus_right{float:none;border:solid 1px #f1f1f1;width:100%;clear:both}
.home_smallbox_container{display:block;width:100%;margin-top:0}
.home_smallbox_left{margin-left:5px;display:block;text-align:left;width:96%;height:auto;min-height:20px;border-style:solid;border-width:1px;border-color:#e1e1e1;margin-bottom:10px;clear:both}
.home_smallbox_mid{display:block;text-align:left;width:96%;height:auto;min-height:20px;border-style:solid;border-width:1px;border-color:#e1e1e1;margin-bottom:10px;clear:both}
.home_right{display:none;width:98%;border-style:solid;border-width:1px;border-color:#e1e1e1;margin-bottom:10px}
.home_box_thumb{display:block;width:98%;margin:0 auto;padding-bottom:5px}
.home_title_1row{display:block;margin-top:5px;margin-left:10px;margin-bottom:5px;font-family:'PT Sans',sans-serif;font-size:18px;color:#588EB0;line-height:36px;vertical-align:middle}
.home_title_2row{display:block;margin-top:5px;margin-left:10px;margin-bottom:5px;font-family:'PT Sans',sans-serif;font-size:18px;color:#588EB0;line-height:36px;vertical-align:middle}
}